Methods

destroy ()

To destroy the bullet graph

HTML

<div id="bullet1">
    <ej-bulletgraph></ej-bulletgraph>
</div>

JS

var bullet = $("#bullet1").data("ejBulletGraph");
bullet.destroy();

redraw()

To redraw the bullet graph

HTML

<div id="bullet1">
    <ej-bulletgraph></ej-bulletgraph>
</div>

JS

var bullet = $("#bullet1").data("ejBulletGraph");
bullet.redraw();

setComparativeMeasureSymbol()

To set the value for comparative measure in bullet graph.

HTML

<div id="bullet1">
    <ej-bulletgraph></ej-bulletgraph>
</div>

JS

var bullet = $("#bullet1").data("ejBulletGraph");
bullet.setComparativeMeasureSymbol();

setFeatureMeasureBarValue()

To set the value for feature measure bar.

HTML

<div id="bullet1">
    <ej-bulletgraph></ej-bulletgraph>
</div>

JS

var bullet = $("#bullet1").data("ejBulletGraph");
bullet.setFeatureMeasureBarValue();

Events

DrawCaption

Fires on rendering the caption of bullet graph.

HTML

<div ng-controller="angularBullet">
    <div id="container" style="width: 100%" e-drawCaption="onDrawCaption"></div>
</div>

JS

angular.controller('angularBullet', function ($scope) {    
    $scope.onDrawCaption = "DrawCaption";    
});
 
function DrawCaption(){
    // Do Something
}

DrawCategory

Fires on rendering the category.

HTML

<div ng-controller="angularBullet"> 
    <div id="container" style="width: 100%" e-drawCategory="onDrawCategory"></div>
</div>

JS

angular.controller('angularBullet', function ($scope) {    
    $scope.onDrawCategory = "DrawCategory";    
});

function DrawCategory(){
    // Do Something
}

DrawComparativeMeasureSymbol

Fires on rendering the comparative measure symbol.

HTML

<div ng-controller="angularBullet">
    <div id="container" style="width: 100%" e-drawComparativeMeasureSymbol="onDrawComparativeMeasureSymbol"></div>
</div>

JS

angular.controller('angularBullet', function ($scope) {    
    $scope.onDrawComparativeMeasureSymbol = "DrawComparativeMeasureSymbol";    
});
 
function DrawComparativeMeasureSymbol(){
    // Do Something
}

DrawFeatureMeasureBar

Fires on rendering the feature measure bar.

HTML

<div ng-controller="angularBullet">
    <div id="container" style="width: 100%" e-drawFeatureMeasureBar="onDrawFeatureMeasureBar"></div>
</div>

JS

angular.controller('angularBullet', function ($scope) {    
    $scope.onDrawFeatureMeasureBar = "DrawFeatureMeasureBar";    
}); 

function DrawFeatureMeasureBar(){
    // Do Something
}

DrawIndicator

Fires on rendering the indicator of bullet graph.

HTML

<div ng-controller="angularBullet"> 
    <div id="container" style="width: 100%" e-drawIndicator="onDrawIndicator"></div>
</div>

JS

angular.controller('angularBullet', function ($scope) {    
    $scope.onDrawIndicator = "DrawIndicator";    
}); 
 
function DrawIndicator(){
    // Do Something
}

DrawLabels

Fires on rendering the labels.

HTML

<div ng-controller="angularBullet"> 
    <div id="container" style="width: 100%" e-drawLabels="onDrawLabels"></div>
</div>

JS

angular.controller('angularBullet', function ($scope) {    
    $scope.onDrawLabels = "DrawLabels";    
}); 
 
function onDrawLabels(){
    // Do Something
}

DrawTicks

Fires on rendering the ticks.

HTML

<div ng-controller="angularBullet"> 
    <div id="container" style="width: 100%" e-drawTicks="onDrawTicks"></div>
</div>

JS

angular.controller('angularBullet', function ($scope) {    
    $scope.onDrawTicks = "DrawTicks";    
}); 
 
function DrawTicks(){
    // Do Something
}

DrawQualitativeRanges

Fires on rendering the qualitative ranges.

HTML

<div ng-controller="angularBullet"> 
    <div id="container" style="width: 100%" e-drawQualitativeRanges="onDrawQualitativeRanges"></div>
</div>

JS

angular.controller('angularBullet', function ($scope) {    
    $scope.onDrawQualitativeRanges = "DrawQualitativeRanges";    
}); 

function DrawQualitativeRanges(){
    // Do Something
}

Load

Fires on loading bullet graph.

HTML

<div ng-controller="angularBullet"> 
    <div id="container" style="width: 100%" e-load="onLoad"></div>
</div>

JS

angular.controller('angularBullet', function ($scope) {    
    $scope.onLoad = "Load";    
}); 
 
function Load(){
    // Do Something
}