JQuery JSGauges是一個基于JQuery的可視化數據展示工具，能夠幫助開發者快速地創建各種形式的圖標和儀表盤，同時支持響應式布局，適應多種設備。

$(function(){
$('#gauge').JSGauge({
height: 300,
width: 300,
gaugeRanges: [{
startValue: 0,
endValue: 40,
rangeOptions: {
fillStyle: '#ff0000',
strokeStyle: '#ff0000'
}
}, {
startValue: 40,
endValue: 70,
rangeOptions: {
fillStyle: '#ff9900',
strokeStyle: '#ff9900'
}
}, {
startValue: 70,
endValue: 100,
rangeOptions: {
fillStyle: '#33cc33',
strokeStyle: '#33cc33'
}
}],
gaugeValue: 80,
gaugeValueText: '80%',
font: '15px Arial',
gaugeTitle: 'JSGauge',
gaugeTitleFont: 'bold 20px Arial',
animateOnInit: true
});
});

以上代碼創建了一個高度為300像素，寬度為300像素的儀表盤，其刻度范圍被劃分為三段，分別用不同的顏色填充。儀表盤顯示的當前值為80，同時顯示對應的百分比文本。儀表上方顯示了一個標題，字體為粗體，大小為20像素。

JSGauges支持多種不同類型的儀表盤，包括圓形、半圓形、水平條和垂直條。其具有高度的自定義性和擴展性，可以通過自定義數值范圍、顏色和動畫效果等屬性來滿足各種需求。