v5.20192.624
|

WjBulletGraph Class

AngularJS directive for the BulletGraph control.

Use the wj-bullet-graph directive to add bullet graphs to your AngularJS applications. Note that directive and parameter names must be formatted as lower-case with dashes instead of camel-case. For example:

<wj-bullet-graph
  value="ctx.gauge.value"
  min="0" max="10"
  target="{​{item.target}}"
  bad="{​{item.target * .75}}"
  good="{​{item.target * 1.25}}">
</wj-bullet-graph>

The wj-bullet-graph directive supports the following attributes:

control
= A reference to the BulletGraph control created by this directive.
direction
@ The GaugeDirection value indicating which direction the gauge fills as the value grows.
initialized
& This event occurs after the binding has finished initializing the control with attribute values.
is-initialized
= A value indicating whether the binding has finished initializing the control with attribute values.
target
@ The target value for the measure.
good
@ A reference value considered good for the measure.
bad
@ A reference value considered bad for the measure.
value
= The actual value of the measure.

The wj-bullet-graph directive may contain one or more wijmo.angular.gauge.WjRange directives.

Example

Hierarchy