Typedef
| Static Public Summary | ||
| public |
AnimationRule: function(percent: number): number Generic AnimationRule function interface |
|
| public |
AnimationRules: { linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule, } Predefined known animation rules. |
|
| public |
DrawEventCallback: function(percent: number): * Callback for animation step draw event. |
|
| public |
EndEventCallback: function(): * Callback for animation complete event. |
|
| public |
GaugeInterface: function(options: GenericOptions): GaugeInterface, draw |
|
| public |
Highlight area definition. |
|
| public |
LinearGaugeOptions: GenericOptions | {borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string} Linear gauge configuration options |
|
| public |
RadialGaugeOptions: GenericOptions | { exactTicks: boolean, ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean, barStartPosition: 'right' | 'left', } Gauge configuration options |
|
| public |
RenderTarget: HTMLElement | string Describes rendering target element. |
|
Static Public
public AnimationRule: function(percent: number): number source
Generic AnimationRule function interface
public AnimationRules: { linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule, } source
Predefined known animation rules. It's a simple collection of math for some most used animations.
public DrawEventCallback: function(percent: number): * source
Callback for animation step draw event. It will be called each time animation step is executed, bypassing as first argument a percent of animation completeness. It is expected that this callback will do an actual work of animating an elements or whatever, as far as animation engine is just calculating and executing animation steps without any knowledge about things under animation.
public EndEventCallback: function(): * source
Callback for animation complete event. It is called once each animation is complete.
public GaugeInterface: function(options: GenericOptions): GaugeInterface, draw source
public Highlight: {from: number, to: number, color: string} source
Highlight area definition. It describes highlight area starting from value to value using color. Color can be describes with hex, rgb or rgba value.
public LinearGaugeOptions: GenericOptions | {borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string} source
Linear gauge configuration options
public RadialGaugeOptions: GenericOptions | { exactTicks: boolean, ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean, barStartPosition: 'right' | 'left', } source
Gauge configuration options