[ { "id": "oj-c.MeterCircle", "name": "MeterCircle", "memberof": "oj-c", "kind": "class", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "ojcomponent": true, "isvcomponent": true, "since": "14.0.0", "longname": "oj-c.MeterCircle", "pack": "oj-c", "classdesc": "

\n JET meter circle\n \n

\nA meter circle displays information graphically in a circular bar, highlighting a specific metric value's progress in relation to its min, max and thresholds.\n
<oj-c-meter-circle value='4'></oj-c-meter-circle>
\n

\n Accessibility\n \n

\n

\nThe application is required to set one of the following attributes on the element with meaningful descriptors as the oj-c-meter-circle element does not provide a default descriptor.\n

\n\n\n

\nIf the application is using readonly, thresholds or reference lines to provide additional context, they need to include such information for screen readers using either of the following methods:\n

\n

\n

\nIf you are using indicatorColor, applications are responsible for making sure that the color meets the\nminimum contrast ratio.\n

\n\n

\n Keyboard\n \n

\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
KeyAction
EnterSubmit the current value of the meter circle.
TabMove focus to next element and submit the current value of the meter circle.
Shift + TabMove focus to previous element.
EndIncrease the meter circle's transient value to max value. Value is set after using Enter or Tab to submit.
HomeDecrease the meter circle's transient value to zero. Value is set after using Enter or Tab to submit.
UpArrowIncrease the meter circle's transient value. Value is set after using Enter or Tab to submit.
DownArrowDecrease the meter circle's transient value. Value is set after using Enter or Tab to submit.
LeftArrowDecrease the meter circle's transient value in left-to-right locales. Increase the meter circle's transient value in right-to-left locales. Value is set after using Enter or Tab to submit.
RightArrowIncrease the meter circle's transient value in left-to-right locales. Decrease the meter circle's transient value in right-to-left locales. Value is set after using Enter or Tab to submit.
\n\n

\nTouch End User Information\n \n

\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n
GestureAction
DragValue change when readonly is false.
", "scope": "static", "tagWithoutBrackets": "oj-c-meter-circle", "tagWithBrackets": "", "domInterface": "CMeterCircleElement", "ojPageTitle": "<oj-c-meter-circle>", "camelCaseName": "MeterCircle", "ojPageTitlePrefix": "Element: ", "ojtsvcomponent": true, "tstype": { "target": "Type", "value": "interface CMeterCircleElement extends JetElement" }, "ojsignature": [ { "target": "Type", "value": "interface CMeterCircleElement extends JetElement" } ], "tsdeprecated": [ { "type": "supersedes", "since": "15.0.0", "value": [ "oj-status-meter-gauge" ] } ], "extension": { "catalog": { "category": "Visualizations" }, "vbdt": { "module": "oj-c/meter-circle" }, "oracle": { "icon": "oj-ux-ico-circular-progress-7", "uxSpecs": [ "meter-circle" ] } }, "ojmodule": "meter-circle" }, { "id": "oj-c.MeterCircle#max", "name": "max", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#max", "scope": "instance", "type": { "names": [ "number" ] }, "optional": true, "ojdisplayname": "Max", "ojshortdesc": "The maximum value of the meter circle.", "description": "Integer value specifying the maximum value of the meter circle.", "defaultvalue": 100 }, { "id": "oj-c.MeterCircle#min", "name": "min", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#min", "scope": "instance", "type": { "names": [ "number" ] }, "optional": true, "ojdisplayname": "Min", "ojshortdesc": "The minimum value of the meter circle.", "description": "Integer value specifying the minimum value of the meter circle.", "defaultvalue": 0 }, { "id": "oj-c.MeterCircle#readonly", "name": "readonly", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#readonly", "scope": "instance", "type": { "names": [ "boolean" ] }, "optional": true, "ojdisplayname": "Readonly", "description": "Defines whether the value of the meter circle can be changed by the end user.", "defaultvalue": false }, { "id": "oj-c.MeterCircle#value", "name": "value", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#value", "scope": "instance", "type": { "names": [ "number|null" ] }, "optional": true, "ojdisplayname": "Value", "ojwriteback": true, "description": "The value of the meter circle.", "defaultvalue": 0 }, { "id": "oj-c.MeterCircle#step", "name": "step", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#step", "scope": "instance", "type": { "names": [ "number" ] }, "optional": true, "ojdisplayname": "Step", "description": "Specifies the increment by which values can be changed by the end user when readonly is false. The step must be a positive value that is smaller than the difference between the min and max.", "defaultvalue": 1 }, { "id": "oj-c.MeterCircle#color", "name": "color", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#color", "scope": "instance", "type": { "names": [ "string" ] }, "optional": true, "ojdisplayname": "Color", "description": "Specifies the color of the meter circle indicator. Only applies when thresholdDisplay is not set to indicator.", "tsdeprecated": [] }, { "id": "oj-c.MeterCircle#indicatorSize", "name": "indicatorSize", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#indicatorSize", "scope": "instance", "type": { "names": [ "number" ] }, "optional": true, "ojdisplayname": "Indicator Size", "description": "Specifies the ratio of relative thickness of the indicator to the plot area.", "tsdeprecated": [], "defaultvalue": 1 }, { "id": "oj-c.MeterCircle#innerRadius", "name": "innerRadius", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#innerRadius", "scope": "instance", "type": { "names": [ "number" ] }, "optional": true, "ojdisplayname": "Inner Radius", "description": "Specifies the inner radius, defined by the ratio of the distance from the center of the gauge to the innermost edge of the indicator to plot area. Valid values are ratios from 0 to 1. Depends on the size of the gauge and theme.", "tsdeprecated": [] }, { "id": "oj-c.MeterCircle#plotArea", "name": "plotArea", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#plotArea", "scope": "instance", "type": { "names": [ "object" ] }, "optional": false, "ojdisplayname": "Plot Area", "description": "Specifies the plot area of the meter circle.", "tstype": [ { "target": "Type", "value": "oj-c.MeterCircle.PlotArea", "jsdocOverride": true } ] }, { "id": "oj-c.MeterCircle#angleExtent", "name": "angleExtent", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#angleExtent", "scope": "instance", "type": { "names": [ "number" ] }, "optional": true, "ojdisplayname": "Angle Extent", "description": "Specifies the angle extent of a meter circle. Value should be provided in degrees.", "defaultvalue": 360 }, { "id": "oj-c.MeterCircle#startAngle", "name": "startAngle", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#startAngle", "scope": "instance", "type": { "names": [ "number" ] }, "optional": true, "ojdisplayname": "Start Angle", "description": "Specifies the start angle of the plot area relative to the positive x axis. Value should be provided in degrees.", "defaultvalue": 90 }, { "id": "oj-c.MeterCircle#referenceLines", "name": "referenceLines", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#referenceLines", "scope": "instance", "type": { "names": [ "Array" ] }, "optional": true, "ojdisplayname": "Reference Lines", "description": "Specifies the array of objects defining the reference lines for the meter circle.", "tstype": [ { "target": "Type", "value": "Array", "jsdocOverride": true } ] }, { "id": "oj-c.MeterCircle#thresholdDisplay", "name": "thresholdDisplay", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#thresholdDisplay", "scope": "instance", "type": { "names": [ "\"all\"", "\"plotArea\"", "\"indicator\"" ] }, "optional": true, "ojdisplayname": "Threshold Display", "description": "Controls whether the current threshold is displayed on the indicator, in the plot area, or if all the thresholds are displayed in the plot area.", "defaultvalue": "'indicator'" }, { "id": "oj-c.MeterCircle#thresholds", "name": "thresholds", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#thresholds", "scope": "instance", "type": { "names": [ "Array" ] }, "optional": true, "ojdisplayname": "Thresholds", "description": "An array of objects defining the thresholds for the meter circle.", "tstype": [ { "target": "Type", "value": "Array", "jsdocOverride": true } ] }, { "id": "oj-c.MeterCircle#describedBy", "name": "describedBy", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#describedBy", "scope": "instance", "type": { "names": [ "string|null" ] }, "optional": true, "ojdisplayname": "Described By", "description": "Used to establish a relationship between this component and another element.\nA common use is to tie a label, which can be a text in a div or some other HTML element, and the oj-c-meter-circle together for accessibility.\nThe oj-label element has a label-id, which is used by the described-by attribute to tie the two components together to facilitate correct screen reader behavior." }, { "id": "oj-c.MeterCircle#labelledBy", "name": "labelledBy", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#labelledBy", "scope": "instance", "type": { "names": [ "string|null" ] }, "optional": true, "ojdisplayname": "Labelled By", "description": "Used to establish a relationship between this component and another element.\nA common use is to tie a label, which can be a text in a div or some other HTML element, and the oj-c-meter-circle together for accessibility.\nThe oj-label element has a label-id, which is used by the labelled-by attribute to tie the two components together to facilitate correct screen reader behavior." }, { "id": "oj-c.MeterCircle#size", "name": "size", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#size", "scope": "instance", "type": { "names": [ "\"sm\"", "\"md\"", "\"lg\"", "\"fit\"" ] }, "optional": true, "ojdisplayname": "Size", "ojshortdesc": "Specifies the size of the meter circle.", "description": "Specifies the size of the meter var.", "ojvalues": [ { "name": "sm", "description": "small Meter circle", "displayName": "Small", "type": { "names": [ "string" ] } }, { "name": "md", "description": "medium Meter circle (default, if unspecified)", "displayName": "Medium", "type": { "names": [ "string" ] } }, { "name": "lg", "description": "large Meter circle", "displayName": "Large", "type": { "names": [ "string" ] } }, { "name": "fit", "description": "Meter Circle that fills available width and height.", "displayName": "Fit", "type": { "names": [ "string" ] } } ], "ojvalueskeeporder": true, "defaultvalue": "'md'" }, { "id": "oj-c.MeterCircle#datatip", "name": "datatip", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#datatip", "scope": "instance", "type": { "names": [ "function" ] }, "optional": true, "ojdisplayname": "Datatip", "description": "The function that returns a custom datatip string for given value of meter circle. The function is called with DatatipContext as context. If datatip is undefined,\nmeter circle will use the default datatip. If the returned value of the function is null, no datatip is shown.", "tstype": [ { "target": "Type", "value": "(context: oj-c.MeterCircle.DatatipContext) => string | null", "jsdocOverride": true } ] }, { "id": "oj-c.MeterCircle#transientValue", "name": "transientValue", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#transientValue", "scope": "instance", "type": { "names": [ "number" ] }, "optional": true, "ojdisplayname": "transientValue", "ojwriteback": true, "readonly": true, "description": "A read-only property for retrieving the transient value from the meter circle. It is triggered when dragging over the meter circle." }, { "id": "oj-c.MeterCircle#setProperty", "name": "setProperty", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "function", "longname": "oj-c.MeterCircle#setProperty", "scope": "instance", "returns": [ { "type": { "names": [ "void" ] } } ], "ojshortdesc": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.", "description": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.", "params": [ { "name": "property", "description": "The property name to set. Supports dot notation for subproperty access.", "type": { "names": [ "string" ] } }, { "name": "value", "description": "The new value to set the property to.", "type": { "names": [ "any" ] } } ] }, { "id": "oj-c.MeterCircle#getProperty", "name": "getProperty", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "function", "longname": "oj-c.MeterCircle#getProperty", "scope": "instance", "returns": [ { "type": { "names": [ "any" ] } } ], "ojshortdesc": "Retrieves the value of a property or a subproperty.", "description": "Retrieves the value of a property or a subproperty.", "params": [ { "name": "property", "description": "The property name to get. Supports dot notation for subproperty access.", "type": { "names": [ "string" ] } } ] }, { "id": "oj-c.MeterCircle#setProperties", "name": "setProperties", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "function", "longname": "oj-c.MeterCircle#setProperties", "scope": "instance", "returns": [ { "type": { "names": [ "void" ] } } ], "ojshortdesc": "Performs a batch set of properties.", "description": "Performs a batch set of properties.", "params": [ { "name": "properties", "description": "An object containing the property and value pairs to set.", "type": { "names": [ "object" ] } } ] }, { "id": "oj-c.MeterCircle#centerTemplate", "name": "centerTemplate", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "kind": "member", "longname": "oj-c.MeterCircle#centerTemplate", "scope": "instance", "description": "

Note: When the template is executed for each item, it will have access to the binding context containing the following properties: [oj-c.MeterCircle.CenterTemplateContext]{@link oj-c.MeterCircle.CenterTemplateContext}

The centerTemplate slot is used to specify center content. When the template is executed, the component's binding context is extended with the following properties:", "tsexamples": [ "Initialize the Meter Circle with a center template specified:\n<oj-c-meter-circle>\n <template slot=\"centerTemplate\">\n <div :style=\"[[{position: 'absolute',\n top: $current.innerBounds.y + 'px',\n left: $current.innerBounds.x + 'px',\n height: $current.innerBounds.height + 'px',\n width: $current.innerBounds.width + 'px'}]]\">\n <span class=\"metric\"><oj-bind-text value=\"[[$current.value]]\"></oj-bind-text></span>\n </div>\n </template>\n</oj-c-center-template>" ], "ojslot": true, "ojtemplateslotprops": "oj-c.MeterCircle.CenterTemplateContext" }, { "id": "oj-c.MeterCircle.touchDoc", "name": "touchDoc", "kind": "member", "longname": "oj-c.MeterCircle.touchDoc", "description": "\n \n \n \n \n \n \n \n \n \n \n \n \n
GestureAction
DragValue change when readonly is false.
", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "ojfragment": true }, { "id": "oj-c.MeterCircle.PlotArea", "name": "PlotArea", "kind": "typedef", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "longname": "oj-c.MeterCircle.PlotArea", "type": { "names": [ "Object" ] }, "scope": "static", "description": "", "properties": [ { "name": "color", "description": "The color of the plot area.", "optional": true, "type": { "names": [ "string" ] } }, { "name": "rendered", "description": " Defines if the plot area is to be rendered. The default value is on.", "optional": true, "type": { "names": [ "\"off\"", "\"on\"" ] } } ] }, { "id": "oj-c.MeterCircle.ReferenceLineLabelStyle", "name": "ReferenceLineLabelStyle", "kind": "typedef", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "longname": "oj-c.MeterCircle.ReferenceLineLabelStyle", "type": { "names": [ "Object" ] }, "scope": "static", "description": "", "properties": [ { "name": "color", "description": "The color of the text.", "optional": true, "type": { "names": [ "string" ] } }, { "name": "fontSize", "description": "The font size of the text.", "optional": true, "type": { "names": [ "string" ] } }, { "name": "fontStyle", "description": "The font style of the text.", "optional": true, "type": { "names": [ "string" ] } }, { "name": "fontWeight", "description": "The font weight of the text.", "optional": true, "type": { "names": [ "string" ] } } ] }, { "id": "oj-c.MeterCircle.ReferenceLine", "name": "ReferenceLine", "kind": "typedef", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "longname": "oj-c.MeterCircle.ReferenceLine", "type": { "names": [ "Object" ] }, "scope": "static", "description": "", "properties": [ { "name": "color", "description": "

The color of the reference line.

\n

In addition to standard CSS color values, special enumerated values 'danger', 'warning',\nand 'success' are also supported. These special values are mapped to corresponding CSS color values\nbased upon the current theme.

", "optional": true, "type": { "names": [ "\"danger\"|\"warning\"|\"success\"|string" ] }, "tstype": [ { "target": "Type", "value": "\"danger\"|\"warning\"|\"success\"|string", "jsdocOverride": true } ], "ojvalues": [ { "name": "danger", "description": "Maps to theme-specific color indicating a danger condition", "type": { "names": [ "string" ] } }, { "name": "warning", "description": "Maps to theme-specific color indicating a warning condition", "type": { "names": [ "string" ] } }, { "name": "success", "description": "Maps to theme-specific color indicating a success condition", "type": { "names": [ "string" ] } } ], "ojvalueskeeporder": true }, { "name": "value", "description": "The value of the reference line.", "optional": false, "type": { "names": [ "number" ] } }, { "name": "label", "description": "The label for the reference line.", "optional": true, "type": { "names": [ "string" ] } }, { "name": "style", "description": "The style of the label for the reference line.", "optional": true, "type": { "names": [ "object" ] }, "tstype": [ { "target": "Type", "value": "oj-c.MeterCircle.ReferenceLineLabelStyle", "jsdocOverride": true, "for": "style" } ] } ] }, { "id": "oj-c.MeterCircle.Threshold", "name": "Threshold", "kind": "typedef", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "longname": "oj-c.MeterCircle.Threshold", "type": { "names": [ "Object" ] }, "scope": "static", "description": "", "properties": [ { "name": "accessibleLabel", "description": "A label for the threshold used for accessibility purposes.", "optional": true, "type": { "names": [ "string" ] } }, { "name": "color", "description": "

The color of the threshold.

\n

In addition to standard CSS color values, special enumerated values 'danger', 'warning',\nand 'success' are also supported. These special values are mapped to corresponding CSS color values\nbased upon the current theme.

", "optional": true, "type": { "names": [ "\"danger\"|\"warning\"|\"success\"|string" ] }, "tstype": [ { "target": "Type", "value": "\"danger\"|\"warning\"|\"success\"|string", "jsdocOverride": true } ], "ojvalues": [ { "name": "danger", "description": "Maps to theme-specific color indicating a danger condition", "type": { "names": [ "string" ] } }, { "name": "warning", "description": "Maps to theme-specific color indicating a warning condition", "type": { "names": [ "string" ] } }, { "name": "success", "description": "Maps to theme-specific color indicating a success condition", "type": { "names": [ "string" ] } } ], "ojvalueskeeporder": true }, { "name": "max", "description": "The maximum value of the threshold.", "optional": false, "type": { "names": [ "number" ] } } ] }, { "id": "oj-c.MeterCircle.DatatipContext", "name": "DatatipContext", "kind": "typedef", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "longname": "oj-c.MeterCircle.DatatipContext", "type": { "names": [ "Object" ] }, "scope": "static", "description": "Context for datatip function.", "properties": [ { "name": "value", "description": "The current value of the meter circle.", "optional": false, "type": { "names": [ "number" ] } } ] }, { "id": "oj-c.MeterCircle.Bounds", "name": "Bounds", "kind": "typedef", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "longname": "oj-c.MeterCircle.Bounds", "type": { "names": [ "Object" ] }, "scope": "static", "description": "", "properties": [ { "name": "width", "description": "The width of the bounding rectangle.", "optional": false, "type": { "names": [ "number" ] } }, { "name": "height", "description": "The height of the bounding rectangle.", "optional": false, "type": { "names": [ "number" ] } }, { "name": "x", "description": "The x position of the bounding rectangle.", "optional": false, "type": { "names": [ "number" ] } }, { "name": "y", "description": "The y position of the bounding rectangle.", "optional": false, "type": { "names": [ "number" ] } } ] }, { "id": "oj-c.MeterCircle.CenterTemplateContext", "name": "CenterTemplateContext", "kind": "typedef", "memberof": "oj-c.MeterCircle", "meta": { "filename": "meter-circle.tsx", "path": "web/components/oj-c/meter-circle" }, "longname": "oj-c.MeterCircle.CenterTemplateContext", "type": { "names": [ "Object" ] }, "scope": "static", "description": "", "properties": [ { "name": "innerBounds", "description": "Object containing (x, y, width, height) of the rectangle inscribed in the center area. The inner bounds are useful for inserting content that is guaranteed to fit within the center area. If the angleExtent isn't 360 then we will provide the clipped square.", "optional": false, "type": { "names": [ "object" ] }, "tstype": [ { "target": "Type", "value": "oj-c.MeterCircle.Bounds", "jsdocOverride": true, "for": "innerBounds" } ] }, { "name": "outerBounds", "description": "Object containing (x, y, width, height) of the rectangle circumscribing the center area. The outer bounds are useful for creating background for the entire center area when used with a CSS border-radius. If the angleExtent isn't 360 then we will provide the clipped square.", "optional": false, "type": { "names": [ "object" ] }, "tstype": [ { "target": "Type", "value": "oj-c.MeterCircle.Bounds", "jsdocOverride": true, "for": "outerBounds" } ] }, { "name": "value", "description": "The current value of the meter circle.", "optional": false, "type": { "names": [ "number|null" ] } } ] } ]