Grafico: esempio di Gauge

zz
' Per informazioni sul significato dei singoli parametri di configurazione vedere qui: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgauge/jquery-gauge-api.htm

Dim s as String
s="ranges: [{ startValue: 0, endValue: 50, style: { fill: '#e2e2e2', stroke: '#e2e2e2' }, startDistance: '5%', endDistance: '5%', endWidth: 13, startWidth: 13 },"+
 " { startValue: 50, endValue: 80, style: { fill: '#f6de54', stroke: '#f6de54' }, startDistance: '5%', endDistance: '5%', endWidth: 13, startWidth: 13 },"+
 " { startValue: 80, endValue: 90, style: { fill: '#db5016', stroke: '#db5016' }, startDistance: '5%', endDistance: '5%', endWidth: 13, startWidth: 13 },"+
 " { startValue: 90, endValue: 100, style: { fill: '#d02841', stroke: '#d02841' }, startDistance: '5%', endDistance: '5%', endWidth: 13, startWidth: 13 }"+
 " ],"+
 " cap: { radius: 0.04 },"+
 " caption: { offset: [0, -25], value: 'jQWidgets', position: 'bottom' },"+
 " value: 0,"+
 " style: { stroke: '#ffffff', 'stroke-width': '1px', fill: '#ffffff' },"+
 " animationDuration: 1500,"+
 " colorScheme: 'scheme04',"+
 " labels: { visible: true, position: 'inside' },"+
 " ticksMinor: { interval: 5, size: '5%' },"+
 " ticksMajor: { interval: 10, size: '10%' },"+
 " width: '"+ltrim(str(form.findcontrol("Chart2").width.value))+"px',"+
 " height: '"+ltrim(str(form.findcontrol("Chart2").height.value))+"px',"+
 " min: 0,"+
 " max: 100,"+
 " value: 80"
 
form.findcontrol("Chart2").Settings=s