Radial Gauge

Linear Gauge

Bullet Graph

Segmented Display

This sample demonstrates how to specify bevel rate for the segmented displays. The bevelRate option the bevel of the segments in the digit. Please note that bevelRate option is aplicable only to seven segmented displays.

For detailed implementation, please take a look at the HTML code tab.
<!DOCTYPE html>
    Bevel Rate Example - HTML5 jQuery Segmented Display Plugin by jqChart
	<link rel="stylesheet" type="text/css" href="../../css/jquery.jqGauges.css" />
	<script src="../../js/jquery-1.11.1.min.js" type="text/javascript"></script>
	<script src="../../js/jquery.jqGauges.min.js" type="text/javascript"></script>
    <script lang="javascript" type="text/javascript">
        $(document).ready(function () {

                background: '#DCDCDC',
                border: {
                    padding: 10,
                    lineWidth: 4,
                    strokeStyle: '#76786A'
                digits: 10,
                segmentMode: 'sevenSegment',
                text: '3.141592653',
                bevelRate: 0.6,
                textForeground: '#333333',
                textForegroundUnlit: 'rgba(201, 201, 201, 0.5)'

        <div id="jqSegmentedDisplay" style="width: 500px; height: 100px;">