Range Band

The range band feature is used to highlight a particular range along the y-axis using start and end range property. You can also customize the color and opacity of the range band.

  • html
  • <html xmlns="http://www.w3.org/1999/xhtml" lang="en" ng-app="SparklineApp">
        <head>
            <title>Essential Studio for AngularJS: Sparkline</title>
            <!--CSS and Script file References -->
        </head>
      <body ng-controller="SparkCtrl">
        <div id="container" >
        <ej-sparkline e-rangebandsettings-startrange="4" e-rangebandsettings-endrange="30" e-rangebandsettings-color="#ff14ae" 
        e-rangebandsettings-opacity="0.4"></ej-sparkline>
        </div>
        <script>
        angular.module('SparkApp', ['ejangular'])
        .controller('SparkCtrl', function ($scope) {
                    });
        </script>
        </body>
    </html>