Methods

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

    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>