# Wijmo_Angular_Gauge.Wjbulletgraph

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjBulletGraph Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>AngularJS directive for the <a href="wijmo_gauge.bulletgraph.html">BulletGraph</a> control.</p>
								</div>
								<p>Use the <b>wj-bullet-graph</b> 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:</p>
								<pre>&lt;wj-bullet-graph
  value="ctx.gauge.value"
  min="0" max="10"
  target="{​{item.target}}"
  bad="{​{item.target * .75}}"
  good="{​{item.target * 1.25}}"&gt;
&lt;/wj-bullet-graph&gt;</pre>
								<p>The <b>wj-bullet-graph</b> directive supports the following attributes:</p>
								<dl class="dl-horizontal">
									<dt>control</dt>       <dd><code>=</code> A reference to the BulletGraph control
									created by this directive.</dd>
									<dt>direction</dt>     <dd><code>@</code> The <a href="../enums/wijmo_gauge.gaugedirection.html">GaugeDirection</a> value
									indicating which direction the gauge fills as the value grows.</dd>
									<dt>initialized</dt>   <dd><code>&amp;</code> This event occurs after the binding has finished
									initializing the control with attribute values.</dd>
									<dt>is-initialized</dt> <dd><code>=</code> A value indicating whether the binding has finished
									initializing the control with attribute values. </dd>
									<dt>target</dt>        <dd><code>@</code> The target value for the measure.</dd>
									<dt>good</dt>          <dd><code>@</code> A reference value considered good for the
									measure.</dd>
									<dt>bad</dt>           <dd><code>@</code> A reference value considered bad for the
									measure.</dd>
									<dt>value</dt>         <dd><code>=</code> The actual value of the measure.</dd>
								</dl>
								<p>The <b>wj-bullet-graph</b> directive may contain one or more <a href="wijmo_angular_gauge.wjrange.html">wijmo.angular.gauge.WjRange</a> directives.</p>
								<p><a href="https://jsfiddle.net/Wijmo5/8uxb1vwf/" target="_blank">Example</a></p>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<a href="wijmo_angular_gauge.wjlineargauge.html" class="tsd-signature-type">WjLinearGauge</a>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjBulletGraph</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>