| layout | post |
|---|---|
| title | Methods-Events |
| description | methods and events in bullet graph |
| platform | js |
| control | BulletGraph |
| documentation | ug |
| api | /api/js/ejbulletgraph |
Destroy method is used to destroy the bullet graph control.
{% highlight html %}
{% endhighlight %}
Redraw method is used to redraw the bullet graph with updated values.
{% highlight html %}
{% endhighlight %}
To set the comparative measure in bullet graph, you can use setComparativeMeasureSymbol method.
{% highlight html %}
{% endhighlight %}
{% highlight html %}
{% endhighlight %}
To set the value for feature measure bar, you can use setFeatureMeasureBarValue method.
{% highlight html %}
{% endhighlight %}
{% highlight html %}
{% endhighlight %}
drawCaption event will fire before rendering bullet graph caption.
{% highlight html %}
<script> //drawCaption event for bulletgraph $("#bulletGraph1").ejBulletGraph({ drawCaption: function (args) {} }); </script>{% endhighlight %}
drawCategory event will fire while rendering the category.
{% highlight html %}
<script> //drawCategory event for bulletgraph $("#bulletGraph1").ejBulletGraph({ drawCategory: function (args) {} }); </script>{% endhighlight %}
drawComparativeMeasureSymbol event fires on rendering the comparative measure symbol.
{% highlight html %}
<script> //drawComparativeMeasureSymbol event for bulletgraph $("#bulletGraph1").ejBulletGraph({ drawComparativeMeasureSymbol: function (args) {} }); </script>{% endhighlight %}
drawFeatureMeasureBar event fires on rendering the feature measure bar.
{% highlight html %}
<script> //drawFeatureMeasureBar event for bulletgraph $("#bulletGraph1").ejBulletGraph({ drawFeatureMeasureBar: function (args) {} }); </script>{% endhighlight %}
drawIndicator event fires on rendering the indicator of the bullet graph.
{% highlight html %}
<script> //drawIndicator event for bulletgraph $("#bulletGraph1").ejBulletGraph({ drawIndicator: function (args) {} }); </script>{% endhighlight %}
drawLabels event fires on rendering the bullet graph labels.
{% highlight html %}
<script> //drawLabels event for bulletgraph $("#bulletGraph1").ejBulletGraph({ drawLabels: function (args) {} }); </script>{% endhighlight %}
drawTicks event fires while drawing the ticklines of the bullet graph.
{% highlight html %}
<script> //drawTicks event for bulletgraph $("#bulletGraph1").ejBulletGraph({ drawTicks: function (args) {} }); </script>{% endhighlight %}
drawQualitativeRanges event fires while rendering the qualitative ranges.
{% highlight html %}
<script> //drawQualitativeRanges event for bulletgraph $("#bulletGraph1").ejBulletGraph({ drawQualitativeRanges: function (args) {} }); </script>{% endhighlight %}
load event fires on loading the bullet graph.
{% highlight html %}
<script> //drawTicks event for bulletgraph $("#bulletGraph1").ejBulletGraph({ load: function (args) {} }); </script>{% endhighlight %}
click event fires on clicking the bullet graph.
{% highlight html %}
<script> //click event for bulletgraph $("#bulletGraph1").ejBulletGraph({ click: function (args) { //Do something } }); </script>{% endhighlight %}
doubleClick event fires on double clicking the bullet graph.
{% highlight html %}
<script> //doubleClick event for bulletgraph $("#bulletGraph1").ejBulletGraph({ doubleClick: function (args) { //Do something } }); </script>{% endhighlight %}
rightClick event fires on right clicking the bullet graph.
{% highlight html %}
<script> //rightClick event for bulletgraph $("#bulletGraph1").ejBulletGraph({ rightClick: function (args) { //Do something } }); </script>{% endhighlight %}