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
    }