Methods

19 Jan 20185 minutes to read

destroy()

Destroy method is used to destroy the bullet graph control.

Returns: void

HTML

<div id="bulletgraph1">Bullet Graph</div> 
 
<script>
// Destroy Bullet graph
var graphObj = $("#bulletGraph1").data("ejBulletGraph");
graphObj.destroy(); // destroy the graph
</script>

redraw()

Redraw method is used to redraw the bullet graph with updated values.

Returns: void

HTML

<div id="bulletgraph1">Bullet Graph</div> 
 
<script>
// Create Bullet graph
var graphObj = $("#bulletGraph1").data("ejBulletGraph");
graphObj.redraw(); // redraw the graph
</script>

setComparativeMeasureSymbol(index, measure)

To set the comparative measure in bullet graph, you can use setComparativeMeasureSymbol method.

Returns: void

HTML

<div id="bulletGraph1">BulletGraph</div> 
 
<script>
// set the value for comparative measure
var btnObj = $("#bulletGraph1").data("ejBulletGraph");
btnObj.setComparativeMeasureSymbol(1,7); // set the value
</script>

HTML

<div id="bulletGraph1">BulletGraph</div> 
 
<script>
// set the value for comparative measure
$("#bulletGraph1").ejBulletGraph("setComparativeMeasureSymbol(1,7)");   
</script>

setFeatureMeasureBarValue(index, measure)

To set the value for feature measure bar, you can use setFeatureMeasureBarValue method.

Returns: void

HTML

<div id="bulletGraph1">Bulletgraph</div> 
 
<script>
// To set the value for feature measure bar.
var btnObj = $("#bulletGraph1").data("ejBulletGraph");
btnObj.setFeatureMeasureBarValue(1,8); // set the value
</script>

HTML

<div id="bulletGraph1">BulletGraph</div> 
 
<script>
// To set the value for feature measure bar.
$("#bulletGraph1").ejBulletGraph("setFeatureMeasureBarValue(1,8)");     
</script>

Events

19 Jan 20185 minutes to read

drawCaption

drawCaption event will fire before rendering bullet graph caption.

HTML

<script>
//drawCaption event for bulletgraph
$("#bulletGraph1").ejBulletGraph({
   drawCaption: function (args) {}
});
</script>

drawCategory

drawCategory event will fire while rendering the category.

HTML

<script> 
//drawCategory event for bulletgraph
$("#bulletGraph1").ejBulletGraph({
   drawCategory: function (args) {}
});
</script>

drawComparativeMeasureSymbol

drawComparativeMeasureSymbol event fires on rendering the comparative measure symbol.

HTML

<script>
//drawComparativeMeasureSymbol event for bulletgraph
$("#bulletGraph1").ejBulletGraph({
   drawComparativeMeasureSymbol: function (args) {}
});
</script>

drawFeatureMeasureBar

drawFeatureMeasureBar event fires on rendering the feature measure bar.

HTML

<script>
//drawFeatureMeasureBar event for bulletgraph
$("#bulletGraph1").ejBulletGraph({
   drawFeatureMeasureBar: function (args) {}
});
</script>

drawIndicator

drawIndicator event fires on rendering the indicator of the bullet graph.

HTML

<script>
//drawIndicator event for bulletgraph
$("#bulletGraph1").ejBulletGraph({
   drawIndicator: function (args) {}
});
</script>

drawLabels

drawLabels event fires on rendering the bullet graph labels.

HTML

<script>
//drawLabels event for bulletgraph
$("#bulletGraph1").ejBulletGraph({
   drawLabels: function (args) {}
});
</script>

drawTicks

drawTicks event fires while drawing the ticklines of the bullet graph.

HTML

<script>
//drawTicks event for bulletgraph
$("#bulletGraph1").ejBulletGraph({
   drawTicks: function (args) {}
});
</script>

drawQualitativeRanges

drawQualitativeRanges event fires while rendering the qualitative ranges.

HTML

<script>
//drawQualitativeRanges event for bulletgraph
$("#bulletGraph1").ejBulletGraph({
   drawQualitativeRanges: function (args) {}
});
</script>

load

load event fires on loading the bullet graph.

HTML

<script>
//drawTicks event for bulletgraph
$("#bulletGraph1").ejBulletGraph({
   load: function (args) {}
});
</script>

click

click event fires on clicking the bullet graph.

HTML

<script>
//click event for bulletgraph
$("#bulletGraph1").ejBulletGraph({

    click: function (args) {
              //Do something
    }
   
});
</script>

doubleClick

doubleClick event fires on double clicking the bullet graph.

HTML

<script>
//doubleClick event for bulletgraph
$("#bulletGraph1").ejBulletGraph({

    doubleClick: function (args) {
              //Do something
    }
   
});
</script>

rightClick

rightClick event fires on right clicking the bullet graph.

HTML

<script>
//rightClick event for bulletgraph
$("#bulletGraph1").ejBulletGraph({
    rightClick: function (args) {
              //Do something
    }
   
});
</script>