Methods

destroy()

Destroy method is used to destroy the bullet graph control.

Returns: void

  • html
  • <div id="bulletgraph1">Bullet Graph</div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module BulletgraphComponent {
        $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"),{
            //..//   
            });
           // Destroy Bullet graph
         sample.destroy(); 
        });
    }

    redraw()

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

    Returns: void

  • html
  • <div id="bulletgraph1">Bullet Graph</div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module BulletgraphComponent {
        $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"),{
            //..//   
            });
           // Redraws the  Bullet graph
         sample.redraw(); 
        });
    }

    setComparativeMeasureSymbol(index, measure)

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

    Returns: void

  • html
  • <div id="bulletgraph1">Bullet Graph</div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module BulletgraphComponent {
        $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"),{
            //..//   
            });
        // set the value for comparative measure
         sample.setComparativeMeasureSymbol(1,7); 
        });
    }

    setFeatureMeasureBarValue(index, measure)

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

    Returns: void

  • html
  • <div id="bulletgraph1">Bullet Graph</div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module BulletgraphComponent {
        $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"),{
            //..//   
            });
        // set the value for feature measure bar.
         sample.setFeatureMeasureBarValue(1,8); 
        });
    }

    Events

    drawCaption

    drawCaption event will fire before rendering bullet graph caption.

  • javascript
  • <script>
    
    //drawCaption event for bullet graph
      $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"), {
                  drawCaption: function () {
                     //..//
                    }
                });
            });
           
    </script>

    drawCategory

    drawCategory event will fire while rendering the category.

  • javascript
  • <script> 
    //drawCategory event for bullet graph
    $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"), {
                  drawCategory: function () {
                     //..//
                    }
                });
            });
    </script>

    drawComparativeMeasureSymbol

    drawComparativeMeasureSymbol event fires on rendering the comparative measure symbol.

  • javascript
  • <script>
    //drawComparativeMeasureSymbol event for bullet graph
    $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"), {
                  drawComparativeMeasureSymbol: function () {
                     //..//
                    }
                });
            });
    </script>

    drawFeatureMeasureBar

    drawFeatureMeasureBar event fires on rendering the feature measure bar.

  • javascript
  • <script>
    //drawFeatureMeasureBar event for bullet graph
    $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"), {
                  drawFeatureMeasureBar: function () {
                     //..//
                    }
                });
            });
    </script>

    drawIndicator

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

  • javascript
  • <script>
    //drawIndicator event for bullet graph
    $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"), {
                  drawIndicator: function () {
                     //..//
                    }
                });
            });
    </script>

    drawLabels

    drawLabels event fires on rendering the bullet graph labels.

  • javascript
  • <script>
    //drawLabels event for bullet graph
    $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"), {
                  drawLabels: function () {
                     //..//
                    }
                });
            });
    </script>

    drawTicks

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

  • javascript
  • <script>
    //drawTicks event for bullet graph
    $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"), {
                  drawTicks: function () {
                     //..//
                    }
                });
            });
    </script>

    drawQualitativeRanges

    drawQualitativeRanges event fires while rendering the qualitative ranges.

  • javascript
  • <script>
    //drawQualitativeRanges event for bullet graph
    $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"), {
                  drawQualitativeRanges: function () {
                     //..//
                    }
                });
            });
    </script>

    load

    load event fires on loading the bullet graph.

  • javascript
  • <script>
    //load event for bullet graph
    $(function () {
            var sample = new ej.datavisualization.BulletGraph($("#BulletGraph"), {
                 load: function () {
                     //..//
                    }
                });
            });
    </script>