jQuery LinearGauge

Set the int64 property of the jqxLinearGauge Author: http://jqwidgets.com

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="gaugeContainer"></div>

JavaScript

$('#gaugeContainer').jqxLinearGauge({
    width: 300,
    int64: true,
    max: '1000000000000000',
    min: '-100000000000000',
    pointer: {
        size: '5%'
    },
    colorScheme: 'scheme02',
    ticksMajor: {
        size: '10%',
        interval: '250000000000000'
    },
    ticksMinor: {
        size: '5%',
        interval: '50000000000000',
        style: {
            'stroke-width': 1,
            stroke: '#aaaaaa'
        }
    },
    labels: {
        position: 'far',
        interval: '100000000000000',
        offset: -50,
        visible: true
    },
    ranges: [{
        startValue: '250000000000000',
        endValue: '500000000000000',
        style: {
            fill: '#FFA200',
            stroke: '#FFA200'
        }
    }, {
        startValue: '500000000000000',
        endValue: '1000000000000000',
        style: {
            fill: '#FF4800',
            stroke: '#FF4800'
        }
    }],
    value: '750000000000000'
});