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