Radial Gauge

Linear Gauge

Bullet Graph

Segmented Display

This sample demonstrates how to specify segmented display background.

For detailed implementation, please take a look at the HTML code tab.
<!DOCTYPE html>
    Display Background 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 () {

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

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