[COMPOSITE] Jauge avec Libellé + Valeur + Unité

[WITNicolas]

Un Composite qui permet d'afficher une jauge basée sur l'acteur Charts JAUGE.

Créer à partir de la Jauge présente dans la documentation
https://witsa.github.io/synapps/concepts/actor-types/chartings-gauge-demo.html#jauge-annulaire-fine-sans-aiguille-avec-un-texte-%C3%A0-lint%C3%A9rieur

A coller dans les composites.

SYNAPPS-STUDIO-COMPOSITE|{"config":{"key":"jaugeValeur","name":"jaugeValeur","properties":{"width":"200px"},"additionalDefs":{"colorBar":{"type":"color","value":"salmon"},"colorAfter":{"type":"color","value":"lightgrey"},"valEpaisseur":{"type":"number","value":2,"min":0},"maxiValeur":{"type":"number","value":100,"min":0},"miniValeur":{"type":"number","value":0,"min":0},"txtValeur":{"type":"number","canBeEmpty":false,"value":25,"step":0},"txtUnit":{"type":"text","value":"°C"},"txtTitre":{"type":"text","value":"Soufflage"}}},"leadActor":{"type":"layout/stack","key":"stack1","children":[{"type":"layout/view-box","key":"view-box2","properties":{"height":"100%","width":"100%"},"children":[{"type":"layout/canvas","key":"canvas2","properties":{"horizontalAlignment":"expand","verticalAlignment":"expand","height":"200px","width":"200px"},"children":[{"type":"charting/gauge-demo","key":"gauge-demo3","properties":{"gaugeColor":"rgba(224, 224, 224, 0)","gaugeStartColor":"rgba(4, 112, 207, 1)","gaugeWidth":1,"gaugeBackgroundColor":"rgba(194, 194, 194, 0.77)","gaugeAngle":270,"gaugeValue":827.2,"height":"100%","width":"100%","classNames":"gauge"},"bindings":{"properties.gaugeStartColor":"stage@properties.colorBar","properties.gaugeBackgroundColor":"stage@properties.colorAfter","properties.gaugeValue":"stage@properties.txtValeur","properties.gaugeWidth":"stage@properties.valEpaisseur","properties.gaugeMinValue":"stage@properties.miniValeur","properties.gaugeMaxValue":"stage@properties.maxiValeur"},"events":{"properties/gaugeValue/binding/onReadTransform":["return context.utils.isNone(context.value) ? 0 : context.value;"]}},{"type":"layout/stack","key":"stack5","children":[{"type":"display/text","key":"text2","properties":{"lineHeight":"0.8em","textAlign":"center","horizontalAlignment":"expand"},"bindings":{"properties.content":"stage@properties.txtValeur","properties.color":"actor#gauge-demo3@properties.gaugeStartColor"}},{"type":"display/text","key":"text3","properties":{"content":"kWh","horizontalAlignment":"expand","fontSize":"0.5em","textAlign":"center"},"bindings":{"properties.color":"actor#gauge-demo3@properties.gaugeStartColor","properties.content":"stage@properties.txtUnit"}},{"type":"display/text","key":"text1","properties":{"content":"kWh","horizontalAlignment":"expand","fontSize":"0.4em","textAlign":"center"},"bindings":{"properties.color":"actor#gauge-demo3@properties.gaugeStartColor","properties.content":"stage@properties.txtTitre"}}],"properties":{"bottom":"0px","right":"0px","left":"0px","fontSize":"5vmin"}}]}]}],"properties":{"height":"150px"},"bindings":{"properties.height":"stage@properties.width"}}}

[WITNicolas]

Mise à jour du composite.
La jauge pouvait ne pas s'afficher dans certains cas.