Axis Class
An abstract class that provides the core functionality for draw a chart axis. Axis is used by the following classes:
Constructor
Item Index
Methods
- addAttr
- addAttrs
- addKey
- addTarget
- after
- ancestor
- attrAdded
- before
- blur
- bubble
- destroy
- detach
- detachAll
- disable
- enable
- fire
- focus
- get
- getAttrs
- getClassName
- getDataByKey
- getEdgeOffset
- getEvent
- getKeyValueAt
- getLabelByIndex
- getMajorUnitDistance
- getMaximumValue
- getMaxLabelBounds
- getMinimumValue
- getMinLabelBounds
- getOrigin
- getSkinName
- getString deprecated
- getStrings deprecated
- getTargets
- getTotalMajorUnits
- hide
- init
- isRoot
- modifyAttr
- next
- on
- once
- onceAfter
- parseType
- previous
- publish
- removeAttr
- removeKey
- removeTarget
- render
- reset
- set
- setAttrs
- show
- subscribe deprecated
- toString
- unsubscribe deprecated
- unsubscribeAll deprecated
Properties
Attributes
- appendLabelFunction
- appendTitleFunction
- bottomTickOffset
- boundingBox
- calculateEdgeOffset
- contentBox
- data
- dataMaximum
- dataMinimum
- dataProvider
- destroyed
- disabled
- focused
- graphic
- height
- hideFirstMajorUnit
- hideLastMajorUnit
- id
- initialized
- keyCollection
- keys
- labelFunctionScope
- labels
- labelValues
- leftTickOffset
- maximum
- minimum
- node
- overlapGraph
- position
- render
- rendered
- rightTickOffset
- setMax
- setMin
- srcNode
- strings
- styles
- tabIndex
- tickPoints
- title
- topTickOffset
- type
- visible
- width
Events
Methods
addAttr
-
name
-
config
-
lazy
Adds an attribute with the provided configuration to the host object.
The config argument object supports the following properties:
- value <Any>
- The initial value to set on the attribute
- valueFn <Function | String>
-
A function, which will return the initial value to set on the attribute. This is useful for cases where the attribute configuration is defined statically, but needs to reference the host instance ("this") to obtain an initial value. If both the value and valueFn properties are defined, the value returned by the valueFn has precedence over the value property, unless it returns undefined, in which case the value property is used.
valueFn can also be set to a string, representing the name of the instance method to be used to retrieve the value.
- readOnly <boolean>
- Whether or not the attribute is read only. Attributes having readOnly set to true cannot be modified by invoking the set method.
- writeOnce <boolean> or <string>
-
Whether or not the attribute is "write once". Attributes having writeOnce set to true,
can only have their values set once, be it through the default configuration,
constructor configuration arguments, or by invoking set.
The writeOnce attribute can also be set to the string "initOnly", in which case the attribute can only be set during initialization (when used with Base, this means it can only be set during construction)
- setter <Function | String>
-
The setter function used to massage or normalize the value passed to the set method for the attribute. The value returned by the setter will be the final stored value. Returning Attribute.INVALID_VALUE, from the setter will prevent the value from being stored.
setter can also be set to a string, representing the name of the instance method to be used as the setter function.
- getter <Function | String>
-
The getter function used to massage or normalize the value returned by the get method for the attribute. The value returned by the getter function is the value which will be returned to the user when they invoke get.
getter can also be set to a string, representing the name of the instance method to be used as the getter function.
- validator <Function | String>
-
The validator function invoked prior to setting the stored value. Returning false from the validator function will prevent the value from being stored.
validator can also be set to a string, representing the name of the instance method to be used as the validator function.
- lazyAdd <boolean>
- Whether or not to delay initialization of the attribute until the first call to get/set it. This flag can be used to over-ride lazy initialization on a per attribute basis, when adding multiple attributes through the addAttrs method.
The setter, getter and validator are invoked with the value and name passed in as the first and second arguments, and with the context ("this") set to the host object.
Configuration properties outside of the list mentioned above are considered private properties used internally by attribute, and are not intended for public use.
Parameters:
-
name
StringThe name of the attribute.
-
config
ObjectAn object with attribute configuration property/value pairs, specifying the configuration for the attribute.
NOTE: The configuration object is modified when adding an attribute, so if you need to protect the original values, you will need to merge the object.
-
lazy
Boolean(optional) Whether or not to add this attribute lazily (on the first call to get/set).
Returns:
A reference to the host object.
addAttrs
-
cfgs
-
values
-
lazy
Configures a group of attributes, and sets initial values.
NOTE: This method does not isolate the configuration object by merging/cloning. The caller is responsible for merging/cloning the configuration object if required.
Parameters:
-
cfgs
ObjectAn object with attribute name/configuration pairs.
-
values
ObjectAn object with attribute name/value pairs, defining the initial values to apply. Values defined in the cfgs argument will be over-written by values in this argument unless defined as read only.
-
lazy
BooleanWhether or not to delay the intialization of these attributes until the first call to get/set. Individual attributes can over-ride this behavior by defining a lazyAdd configuration property in their configuration. See addAttr.
Returns:
A reference to the host object.
addKey
-
value
Adds an array to the key hash.
Parameters:
-
value
ObjectIndicates what key to use in retrieving the array.
addTarget
-
o
Registers another EventTarget as a bubble target. Bubble order is determined by the order registered. Multiple targets can be specified.
Events can only bubble if emitFacade is true.
Included in the event-custom-complex submodule.
Parameters:
-
o
EventTargetthe target to add
after
-
type
-
fn
-
[context]
-
[arg*]
Subscribe to a custom event hosted by this object. The supplied callback will execute after any listeners add via the subscribe method, and after the default function, if configured for the event, has executed.
Parameters:
Returns:
A subscription handle capable of detaching the subscription
ancestor
-
depth
Returns the Widget instance at the specified depth.
Parameters:
-
depth
NumberNumber representing the depth of the ancestor.
Returns:
Widget instance.
attrAdded
-
name
Checks if the given attribute has been added to the host
Parameters:
-
name
StringThe name of the attribute to check.
Returns:
true if an attribute with the given name has been added, false if it hasn't. This method will return true for lazily added attributes.
before
()
Executes the callback before a DOM event, custom event or method. If the first argument is a function, it is assumed the target is a method. For DOM and custom events, this is an alias for Y.on.
For DOM and custom events: type, callback, context, 0-n arguments
For methods: callback, object (method host), methodName, context, 0-n arguments
Returns:
detach handle
blur
()
chainable
Causes the Widget to lose focus by setting the "focused" attribute to "false"
bubble
-
evt
Propagate an event. Requires the event-custom-complex module.
Parameters:
-
evt
CustomEventthe custom event to propagate
Returns:
the aggregated return value from Event.Custom.fire
destroy
-
destroyAllNodes
Destroy lifecycle method. Fires the destroy event, prior to invoking destructors for the class hierarchy. Overrides Base's implementation, to support arguments to destroy
Subscribers to the destroy event can invoke preventDefault on the event object, to prevent destruction from proceeding.
Parameters:
-
destroyAllNodes
BooleanIf true, all nodes contained within the Widget are removed and destroyed. Defaults to false due to potentially high run-time cost.
Returns:
A reference to this object
detach
-
type
-
fn
-
context
Detach one or more listeners the from the specified event
Parameters:
-
type
String | ObjectEither the handle to the subscriber or the type of event. If the type is not specified, it will attempt to remove the listener from all hosted events.
-
fn
FunctionThe subscribed function to unsubscribe, if not supplied, all subscribers will be removed.
-
context
ObjectThe custom object passed to subscribe. This is optional, but if supplied will be used to disambiguate multiple listeners that are the same (e.g., you subscribe many object using a function that lives on the prototype)
Returns:
the host
detachAll
-
type
Removes all listeners from the specified event. If the event type is not specified, all listeners from all hosted custom events will be removed.
Parameters:
-
type
StringThe type, or name of the event
disable
()
chainable
Set the Widget's "disabled" attribute to "true".
enable
()
chainable
Set the Widget's "disabled" attribute to "false".
fire
-
type
-
arguments
Fire a custom event by name. The callback functions will be executed from the context specified when the event was created, and with the following parameters.
The first argument is the event type, and any additional arguments are passed to the listeners as parameters. If the first of these is an object literal, and the event is configured to emit an event facade, that object is mixed into the event facade and the facade is provided in place of the original object.
If the custom event object hasn't been created, then the event hasn't been published and it has no subscribers. For performance sake, we immediate exit in this case. This means the event won't bubble, so if the intention is that a bubble target be notified, the event must be published on this object first.
Parameters:
-
type
String | ObjectThe type of the event, or an object that contains a 'type' property.
-
arguments
Object*an arbitrary set of parameters to pass to the handler. If the first of these is an object literal and the event is configured to emit an event facade, the event facade will replace that parameter after the properties the object literal contains are copied to the event facade.
Returns:
True if the whole lifecycle of the event went through, false if at any point the event propagation was halted.
focus
()
chainable
Causes the Widget to receive the focus by setting the "focused" attribute to "true".
get
-
name
Returns the current value of the attribute. If the attribute has been configured with a 'getter' function, this method will delegate to the 'getter' to obtain the value of the attribute.
Parameters:
-
name
StringThe name of the attribute. If the value of the attribute is an Object, dot notation can be used to obtain the value of a property of the object (e.g.
get("x.y.z")
)
Returns:
The value of the attribute
getAttrs
-
attrs
Gets multiple attribute values.
Parameters:
Returns:
An object with attribute name/value pairs.
getClassName
-
args
Generate a standard prefixed classname for the Widget, prefixed by the default prefix defined
by the Y.config.classNamePrefix
attribute used by ClassNameManager
and
Widget.NAME.toLowerCase()
(e.g. "yui-widget-xxxxx-yyyyy", based on default values for
the prefix and widget class name).
The instance based version of this method can be used to generate standard prefixed classnames, based on the instances NAME, as opposed to Widget.NAME. This method should be used when you need to use a constant class name across different types instances.
Parameters:
-
args
String* multiple0..n strings which should be concatenated, using the default separator defined by ClassNameManager, to create the class name
getDataByKey
-
value
Returns values based on key identifiers. When a string is passed as an argument, an array of values is returned. When an array of keys is passed as an argument, an object literal with an array of values mapped to each key is returned.
Returns:
Array|Object
getEdgeOffset
-
ct
-
l
Gets the distance that the first and last ticks are offset from there respective edges.
Returns:
Number
getEvent
-
type
-
prefixed
Returns the custom event of the provided type has been created, a falsy value otherwise
Parameters:
Returns:
the custom event or null
getKeyValueAt
-
key
-
index
Returns a value based of a key value and an index.
Returns:
Number
getLabelByIndex
-
i
-
l
Calculates and returns a value based on the number of labels and the index of the current label.
Returns:
String
getMajorUnitDistance
-
len
-
uiLen
-
majorUnit
Returns the distance between major units on an axis.
Parameters:
Returns:
Number
getMaximumValue
()
Returns a string corresponding to the last label on an axis.
Returns:
String
getMaxLabelBounds
()
Returns the coordinates (top, right, bottom, left) for the bounding box of the last label.
Returns:
Object
getMinimumValue
()
Returns a string corresponding to the first label on an axis.
Returns:
String
getMinLabelBounds
()
Returns the coordinates (top, right, bottom, left) for the bounding box of the first label.
Returns:
Object
getOrigin
()
Returns the value corresponding to the origin on the axis.
Returns:
Number
getSkinName
-
[skinPrefix]
Returns the name of the skin that's currently applied to the widget.
Searches up the Widget's ancestor axis for, by default, a class yui3-skin-(name), and returns the (name) portion. Otherwise, returns null.
This is only really useful after the widget's DOM structure is in the document, either by render or by progressive enhancement.
Parameters:
-
[skinPrefix]
String optionalThe prefix which the implementation uses for the skin ("yui3-skin-" is the default).
NOTE: skinPrefix will be used as part of a regular expression:
new RegExp('\b' + skinPrefix + '(\S+)')
Although an unlikely use case, literal characters which may result in an invalid regular expression should be escaped.
Returns:
The name of the skin, or null, if a matching skin class is not found.
getString
-
key
Helper method to get a specific string value
Parameters:
-
key
String
Returns:
The string
getStrings
-
key
Helper method to get the complete set of strings for the widget
Parameters:
-
key
String
Returns:
The strings
getTargets
()
Returns an array of bubble targets for this object.
Returns:
EventTarget[]
getTotalMajorUnits
()
Returns the total number of majorUnits that will appear on an axis.
Returns:
Number
hide
()
chainable
Hides the Widget by setting the "visible" attribute to "false".
init
-
cfg
Init lifecycle method, invoked during construction. Sets up attributes and invokes initializers for the class hierarchy.
Parameters:
-
cfg
ObjectObject with configuration property name/value pairs
Returns:
A reference to this object
isRoot
()
Boolean
Determines if the Widget is the root Widget in the object hierarchy.
Returns:
Boolean indicating if Widget is the root Widget in the object hierarchy.
modifyAttr
-
name
-
config
Updates the configuration of an attribute which has already been added.
The properties which can be modified through this interface are limited to the following subset of attributes, which can be safely modified after a value has already been set on the attribute:
- readOnly;
- writeOnce;
- broadcast; and
- getter.
Note: New attributes cannot be added using this interface. New attributes must be added using addAttr, or an appropriate manner for a class which utilises Attributes (e.g. the ATTRS property in Base).
next
-
circular
Returns the Widget's next sibling.
Parameters:
-
circular
BooleanBoolean indicating if the parent's first child should be returned if the child has no next sibling.
Returns:
Widget instance.
on
-
type
-
fn
-
[context]
-
[arg*]
Subscribe a callback function to a custom event fired by this object or from an object that bubbles its events to this object.
this.on("change", this._onChange, this);
Callback functions for events published with emitFacade = true
will
receive an EventFacade
as the first argument (typically named "e").
These callbacks can then call e.preventDefault()
to disable the
behavior published to that event's defaultFn
. See the EventFacade
API for all available properties and methods. Subscribers to
non-emitFacade
events will receive the arguments passed to fire()
after the event name.
To subscribe to multiple events at once, pass an object as the first argument, where the key:value pairs correspond to the eventName:callback.
this.on({
"attrChange" : this._onAttrChange,
"change" : this._onChange
});
You can also pass an array of event names as the first argument to subscribe to all listed events with the same callback.
this.on([ "change", "attrChange" ], this._onChange);
Returning false
from a callback is supported as an alternative to
calling e.preventDefault(); e.stopPropagation();
. However, it is
recommended to use the event methods whenever possible.
Parameters:
Returns:
A subscription handle capable of detaching that subscription
once
-
type
-
fn
-
[context]
-
[arg*]
Listen to a custom event hosted by this object one time.
This is the equivalent to on
except the
listener is immediatelly detached when it is executed.
Parameters:
Returns:
A subscription handle capable of detaching the subscription
onceAfter
-
type
-
fn
-
[context]
-
[arg*]
Listen to a custom event hosted by this object one time.
This is the equivalent to after
except the
listener is immediatelly detached when it is executed.
Parameters:
Returns:
A subscription handle capable of detaching that subscription
parseType
-
type
-
[pre]
Takes the type parameter passed to 'on' and parses out the various pieces that could be included in the type. If the event type is passed without a prefix, it will be expanded to include the prefix one is supplied or the event target is configured with a default prefix.
Parameters:
Returns:
an array containing:
- the detach category, if supplied,
- the prefixed event type,
- whether or not this is an after listener,
- the supplied event type
previous
-
circular
Returns the Widget's previous sibling.
Parameters:
-
circular
BooleanBoolean indicating if the parent's last child should be returned if the child has no previous sibling.
Returns:
Widget instance.
publish
-
type
-
opts
Creates a new custom event of the specified type. If a custom event by that name already exists, it will not be re-created. In either case the custom event is returned.
Parameters:
-
type
Stringthe type, or name of the event
-
opts
Objectoptional config params. Valid properties are:
-
[broadcast=false]
Boolean optionalwhether or not the YUI instance and YUI global are notified when the event is fired.
-
[bubbles=true]
Boolean optionalWhether or not this event bubbles. Events can only bubble if
emitFacade
is true. -
[context=this]
Object optionalthe default execution context for the listeners.
-
[defaultFn]
Function optionalthe default function to execute when this event fires if preventDefault was not called.
-
[emitFacade=false]
Boolean optionalwhether or not this event emits a facade.
-
[prefix]
String optionalthe prefix for this targets events, e.g., 'menu' in 'menu:click'.
-
[fireOnce=false]
Boolean optionalif an event is configured to fire once, new subscribers after the fire will be notified immediately.
-
[async=false]
Boolean optionalfireOnce event listeners will fire synchronously if the event has already fired unless
async
istrue
. -
[preventable=true]
Boolean optionalwhether or not
preventDefault()
has an effect. -
[preventedFn]
Function optionala function that is executed when
preventDefault()
is called. -
[queuable=false]
Boolean optionalwhether or not this event can be queued during bubbling.
-
[silent]
Boolean optionalif silent is true, debug messages are not provided for this event.
-
[stoppedFn]
Function optionala function that is executed when stopPropagation is called.
-
[monitored]
Boolean optionalspecifies whether or not this event should send notifications about when the event has been attached, detached, or published.
-
[type]
String optionalthe event type (valid option if not provided as the first parameter to publish).
-
Returns:
the custom event
removeAttr
-
name
Removes an attribute from the host object
Parameters:
-
name
StringThe name of the attribute to be removed.
removeKey
-
value
Removes an array from the key hash.
Parameters:
-
value
StringIndicates what key to use in removing from the hash.
render
-
parentNode
Establishes the initial DOM for the widget. Invoking this method will lead to the creating of all DOM elements for the widget (or the manipulation of existing DOM elements for the progressive enhancement use case).
This method should only be invoked once for an initialized widget.
It delegates to the widget specific renderer method to do the actual work.
Parameters:
-
parentNode
Object | StringOptional. The Node under which the Widget is to be rendered. This can be a Node instance or a CSS selector string.
If the selector string returns more than one Node, the first node will be used as the parentNode. NOTE: This argument is required if both the boundingBox and contentBox are not currently in the document. If it's not provided, the Widget will be rendered to the body of the current document in this case.
reset
-
name
Resets the attribute (or all attributes) to its initial value, as long as the attribute is not readOnly, or writeOnce.
Parameters:
-
name
StringOptional. The name of the attribute to reset. If omitted, all attributes are reset.
Returns:
A reference to the host object.
set
-
name
-
value
-
[opts]
Sets the value of an attribute.
Parameters:
-
name
StringThe name of the attribute. If the current value of the attribute is an Object, dot notation can be used to set the value of a property within the object (e.g.
set("x.y.z", 5)
). -
value
AnyThe value to set the attribute to.
-
[opts]
Object optionalOptional data providing the circumstances for the change.
Returns:
A reference to the host object.
setAttrs
-
attrs
-
[opts]
Sets multiple attribute values.
Parameters:
Returns:
A reference to the host object.
show
()
chainable
Shows the Widget by setting the "visible" attribute to "true".
subscribe
()
deprecated
subscribe to an event
toString
()
String
Generic toString implementation for all widgets.
Returns:
The default string value for the widget [ displays the NAME of the instance, and the unique id ]
unsubscribe
()
deprecated
detach a listener
unsubscribeAll
-
type
Removes all listeners from the specified event. If the event type is not specified, all listeners from all hosted custom events will be removed.
Parameters:
-
type
StringThe type, or name of the event
Properties
CONTENT_TEMPLATE
String
Property defining the markup template for content box. If your Widget doesn't need the dual boundingBox/contentBox structure, set CONTENT_TEMPLATE to null, and contentBox and boundingBox will both point to the same Node.
Attributes
appendLabelFunction
Function
Function used to append an axis value to an axis label. This function has the following signature:
- textField
- The axis label to be appended. (
HTMLElement
) - val
- The value to attach to the text field. This method will accept an
HTMLELement
or aString
. This method does not use (HTMLElement
|String
)
HTMLElement
using the appendChild
method. If the given
value is a String
, the method will convert the the value to a textNode
before appending to the
HTMLElement
. This method will not convert an HTMLString
to an HTMLElement
.
Fires event appendLabelFunctionChange
Fires when the value for the configuration attribute appendLabelFunction
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
appendTitleFunction
Function
Function used to append a title value to the title object. This function has the following signature:
- textField
- The title text field to be appended. (
HTMLElement
) - val
- The value to attach to the text field. This method will accept an
HTMLELement
or aString
. This method does not use (HTMLElement
|String
)
HTMLElement
using the appendChild
method. If the given
value is a String
, the method will convert the the value to a textNode
before appending to the
HTMLElement
element. This method will not convert an HTMLString
to an HTMLElement
.
Fires event appendTitleFunctionChange
Fires when the value for the configuration attribute appendTitleFunction
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
bottomTickOffset
Number
Distance determined by the tick styles used to calculate the distance between the axis line in relation to the bottom of the axis.
Fires event bottomTickOffsetChange
Fires when the value for the configuration attribute bottomTickOffset
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
boundingBox
String | Node
The outermost DOM node for the Widget, used for sizing and positioning of a Widget as well as a containing element for any decorator elements used for skinning.
Fires event boundingBoxChange
Fires when the value for the configuration attribute boundingBox
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
calculateEdgeOffset
Boolean
Determines whether and offset is automatically calculated for the edges of the axis.
Fires event calculateEdgeOffsetChange
Fires when the value for the configuration attribute calculateEdgeOffset
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
contentBox
String | Node
A DOM node that is a direct descendant of a Widget's bounding box that houses its content.
Fires event contentBoxChange
Fires when the value for the configuration attribute contentBox
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
data
Array
Array of axis data
Fires event dataChange
Fires when the value for the configuration attribute data
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
dataMaximum
Number
The maximum value contained in the data
array. Used for
maximum
when autoMax
is true.
Fires event dataMaximumChange
Fires when the value for the configuration attribute dataMaximum
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
dataMinimum
Number
The minimum value contained in the data
array. Used for
minimum
when autoMin
is true.
Fires event dataMinimumChange
Fires when the value for the configuration attribute dataMinimum
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
dataProvider
Array
Instance of ChartDataProvider
that the class uses
to build its own data.
Fires event dataProviderChange
Fires when the value for the configuration attribute dataProvider
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
destroyed
Boolean
readonly
Flag indicating whether or not this object has been through the destroy lifecycle phase.
Default: false
Fires event destroyedChange
Fires when the value for the configuration attribute destroyed
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
disabled
Boolean
Boolean indicating if the Widget should be disabled. The disabled implementation is left to the specific classes extending widget.
Default: false
Fires event disabledChange
Fires when the value for the configuration attribute disabled
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
focused
Boolean
readonly
Boolean indicating if the Widget, or one of its descendants, has focus.
Default: false
Fires event focusedChange
Fires when the value for the configuration attribute focused
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
graphic
Graphic
The graphic in which the axis line and ticks will be rendered.
Fires event graphicChange
Fires when the value for the configuration attribute graphic
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
height
Number
When set, defines the height of a horizontal axis instance. By default, horizontal axes automatically size based on their contents. When the height attribute is set, the axis will not calculate its height. When the height attribute is explicitly set, axis labels will postion themselves off of the the inner edge of the axis and the title, if present, will position itself off of the outer edge. If a specified height is less than the sum of the axis' contents, excess content will overflow.
Fires event heightChange
Fires when the value for the configuration attribute height
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
hideFirstMajorUnit
Boolean
Suppresses the creation of the the first visible label and tick.
Fires event hideFirstMajorUnitChange
Fires when the value for the configuration attribute hideFirstMajorUnit
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
hideLastMajorUnit
Boolean
Suppresses the creation of the the last visible label and tick.
Fires event hideLastMajorUnitChange
Fires when the value for the configuration attribute hideLastMajorUnit
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
id
String
Default: Generated using guid()
Fires event idChange
Fires when the value for the configuration attribute id
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
initialized
Boolean
readonly
Flag indicating whether or not this object has been through the init lifecycle phase.
Default: false
Fires event initializedChange
Fires when the value for the configuration attribute initialized
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
keyCollection
Array
Array containing all the keys in the axis.
Fires event keyCollectionChange
Fires when the value for the configuration attribute keyCollection
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
keys
Object
Hash of array identifed by a string value.
Fires event keysChange
Fires when the value for the configuration attribute keys
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
labelFunctionScope
Object
Object which should have by the labelFunction
Fires event labelFunctionScopeChange
Fires when the value for the configuration attribute labelFunctionScope
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
labels
Array
Collection of labels used to render the axis.
Fires event labelsChange
Fires when the value for the configuration attribute labels
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
labelValues
Array
An array containing the unformatted values of the axis labels. By default, TimeAxis, NumericAxis and StackedAxis labelValues are determined by the majorUnit style. By default, CategoryAxis labels are determined by the values of the dataProvider.
When the labelValues attribute is explicitly set, the labelValues are dictated by the set value and the position of ticks and labels are determined by where those values would fall on the axis.
Fires event labelValuesChange
Fires when the value for the configuration attribute labelValues
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
leftTickOffset
Number
Distance determined by the tick styles used to calculate the distance between the axis line in relation to the left of the axis.
Fires event leftTickOffsetChange
Fires when the value for the configuration attribute leftTickOffset
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
maximum
Number
The maximum value that will appear on an axis.
Fires event maximumChange
Fires when the value for the configuration attribute maximum
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
minimum
Number
The minimum value that will appear on an axis.
Fires event minimumChange
Fires when the value for the configuration attribute minimum
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
node
HTMLElement
Contains the contents of the axis.
Fires event nodeChange
Fires when the value for the configuration attribute node
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
overlapGraph
Boolean
Indicates whether the axis overlaps the graph. If an axis is the inner most axis on a given position and the tick position is inside or cross, the axis will need to overlap the graph.
Fires event overlapGraphChange
Fires when the value for the configuration attribute overlapGraph
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
position
String
Direction of the axis.
Fires event positionChange
Fires when the value for the configuration attribute position
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
render
Boolean | Node
Whether or not to render the widget automatically after init, and optionally, to which parent node.
Fires event renderChange
Fires when the value for the configuration attribute render
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
rendered
Boolean
readonly
Flag indicating whether or not this Widget has been through the render lifecycle phase.
Default: false
Fires event renderedChange
Fires when the value for the configuration attribute rendered
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
rightTickOffset
Number
Distance determined by the tick styles used to calculate the distance between the axis line in relation to the right side of the axis.
Fires event rightTickOffsetChange
Fires when the value for the configuration attribute rightTickOffset
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
setMax
Boolean
Determines whether the maximum is calculated or explicitly set by the user.
Fires event setMaxChange
Fires when the value for the configuration attribute setMax
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
setMin
Boolean
Determines whether the minimum is calculated or explicitly set by the user.
Fires event setMinChange
Fires when the value for the configuration attribute setMin
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
srcNode
String | Node
The DOM node to parse for configuration values, passed to the Widget's HTML_PARSER definition
Fires event srcNodeChange
Fires when the value for the configuration attribute srcNode
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
strings
Object
Collection of strings used to label elements of the Widget's UI.
Default: null
Fires event stringsChange
Fires when the value for the configuration attribute strings
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
styles
Object
Style properties used for drawing an axis. This attribute is inherited from Renderer
. Below are the default values:
- majorTicks
- Properties used for drawing ticks.
- display
- Position of the tick. Possible values are
inside
,outside
,cross
andnone
. The default value isinside
. - length
- The length (in pixels) of the tick. The default value is 4.
- color
- The color of the tick. The default value is
#dad8c9
- weight
- Number indicating the width of the tick. The default value is 1.
- alpha
- Number from 0 to 1 indicating the opacity of the tick. The default value is 1.
- line
- Properties used for drawing the axis line.
- weight
- Number indicating the width of the axis line. The default value is 1.
- color
- The color of the axis line. The default value is
#dad8c9
. - alpha
- Number from 0 to 1 indicating the opacity of the tick. The default value is 1.
- majorUnit
- Properties used to calculate the
majorUnit
for the axis.- determinant
- The algorithm used for calculating distance between ticks. The possible options are
count
anddistance
. If thedeterminant
iscount
, the axis ticks will spaced so that a specified number of ticks appear on the axis. If thedeterminant
isdistance
, the axis ticks will spaced out according to the specified distance. The default value iscount
. - count
- Number of ticks to appear on the axis when the
determinant
iscount
. The default value is 11. - distance
- The distance (in pixels) between ticks when the
determinant
isdistance
. The default value is 75.
- label
- Properties and styles applied to the axis labels.
- color
- The color of the labels. The default value is
#808080
. - alpha
- Number between 0 and 1 indicating the opacity of the labels. The default value is 1.
- fontSize
- The font-size of the labels. The default value is 85%
- rotation
- The rotation, in degrees (between -90 and 90) of the labels. The default value is 0.
- offset
- A number between 0 and 1 indicating the relationship of the label to a tick. For a horizontal axis label, a value of 0 will position the label's left side even to the the tick. A position of 1 would position the right side of the label with the tick. A position of 0.5 would center the label horizontally with the tick. For a vertical axis, a value of 0 would position the top of the label with the tick, a value of 1 would position the bottom of the label with the tick and a value 0 would center the label vertically with the tick. The default value is 0.5.
- margin
- The distance between the label and the axis/tick. Depending on the position of the
Axis
, only one of the properties used.- top
- Pixel value used for an axis with a
position
ofbottom
. The default value is 4. - right
- Pixel value used for an axis with a
position
ofleft
. The default value is 4. - bottom
- Pixel value used for an axis with a
position
oftop
. The default value is 4. - left
- Pixel value used for an axis with a
position
ofright
. The default value is 4.
Fires event stylesChange
Fires when the value for the configuration attribute styles
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
tabIndex
Number
Number (between -32767 to 32767) indicating the widget's position in the default tab flow. The value is used to set the "tabIndex" attribute on the widget's bounding box. Negative values allow the widget to receive DOM focus programmatically (by calling the focus method), while being removed from the default tab flow. A value of null removes the "tabIndex" attribute from the widget's bounding box.
Default: null
Fires event tabIndexChange
Fires when the value for the configuration attribute tabIndex
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
tickPoints
Array
Collection of points used for placement of labels and ticks along the axis.
Fires event tickPointsChange
Fires when the value for the configuration attribute tickPoints
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
title
String
Title for the axis. When specified, the title will display. The position of the title is determined by the axis position.
- top
- Appears above the axis and it labels. The default rotation is 0.
- right
- Appears to the right of the axis and its labels. The default rotation is 90.
- bottom
- Appears below the axis and its labels. The default rotation is 0.
- left
- Appears to the left of the axis and its labels. The default rotation is -90.
Fires event titleChange
Fires when the value for the configuration attribute title
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
topTickOffset
Number
Distance determined by the tick styles used to calculate the distance between the axis line in relation to the top of the axis.
Fires event topTickOffsetChange
Fires when the value for the configuration attribute topTickOffset
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
type
String
Returns the type of axis data
- time
- Manages time data
- stacked
- Manages stacked numeric data
- numeric
- Manages numeric data
- category
- Manages categorical data
Fires event typeChange
Fires when the value for the configuration attribute type
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
visible
Boolean
Boolean indicating whether or not the Widget is visible.
Default: TRUE
Fires event visibleChange
Fires when the value for the configuration attribute visible
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
width
Number
When set, defines the width of a vertical axis instance. By default, vertical axes automatically size based on their contents. When the width attribute is set, the axis will not calculate its width. When the width attribute is explicitly set, axis labels will postion themselves off of the the inner edge of the axis and the title, if present, will position itself off of the outer edge. If a specified width is less than the sum of the axis' contents, excess content will overflow.
Fires event widthChange
Fires when the value for the configuration attribute width
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
Events
destroy
Lifecycle event for the destroy phase, fired prior to destruction. Invoking the preventDefault method on the event object provided to subscribers will prevent destruction from proceeding.
Subscribers to the "after" moment of this event, will be notified after destruction is complete (and as a result cannot prevent destruction).
Event Payload:
-
e
EventFacadeEvent object
init
Lifecycle event for the init phase, fired prior to initialization. Invoking the preventDefault() method on the event object provided to subscribers will prevent initialization from occuring.
Subscribers to the "after" momemt of this event, will be notified after initialization of the object is complete (and therefore cannot prevent initialization).
Event Payload:
-
e
EventFacadeEvent object, with a cfg property which refers to the configuration object passed to the constructor.
render
Lifecycle event for the render phase, fired prior to rendering the UI for the widget (prior to invoking the widget's renderer method).
Subscribers to the "on" moment of this event, will be notified before the widget is rendered.
Subscribers to the "after" moment of this event, will be notified after rendering is complete.
Event Payload:
-
e
EventFacadeThe Event Facade
widget:contentUpdate
Notification event, which widget implementations can fire, when they change the content of the widget. This event has no default behavior and cannot be prevented, so the "on" or "after" moments are effectively equivalent (with on listeners being invoked before after listeners).
Event Payload:
-
e
EventFacadeThe Event Facade