Radial Gauge

Linear Gauge

Bullet Graph

Segmented Display

This sample demonstrates how to export segmented display to an image.

For detailed implementation, please take a look at the HTML code tab.
<!DOCTYPE html>
    Export To Image 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: '0123456789',
                textForeground: '#333333',
                textForegroundUnlit: 'rgba(201, 201, 201, 0.5)'

            $('#button').click(function () {

                var config = {
                    fileName: 'SegmentedDisplay.png',
                    type: 'image/png' // 'image/png' or 'image/jpeg'

                $('#jqSegmentedDisplay').jqSegmentedDisplay('exportToImage', config);

        <div id="jqSegmentedDisplay" style="width: 500px; height: 100px;">
        <br />
        <input id="button" type="button" value="Export to Image" />