Widgets for newest smartVisu Version 2.9 (develop) based on Highcharts and steelseries.
For the gauge widget you have to include modules/solid-gauge.js from Highcharts library.
!!! Widgets based on Highcharts (diagram and gauge) are now included in smartVisu Version 2.9 develop !!!
For steelseries widget you have to include steelseries.js and tween.js from SteelSeries
A fixed version of steelseries.js with working radialBargraph can be found here Fix
For the correct display of all data an units you have to add the ini files from lang folder in this repository to your smartVisu lang folder.
On the smartVisu configuration site you must select one of these language files, e.g. Deutsch (Einheiten)
Gauge widget
{% import "gauge.html" as gauge %}
{{ gauge.solid('Solid1', 'Solid_1', 10, 30, '°', 'Temperatur', '', [0.4,0.6,0.7], ['#55BF3B','#DDDF0D','#DF5353']) }}
{{ gauge.solid('Solid2', 'Solid_2', 10, 30, '°', 'Temperatur', 'cshape', [0.4,0.6,0.7], ['#55BF3B','#DDDF0D','#DF5353']) }}
{{ gauge.solid('Solid3', 'Solid_3', 10, 30, '°', 'Temperatur', 'circle', [0.4,0.6,0.7], ['#55BF3B','#DDDF0D','#DF5353']) }}
{% import "gauge.html" as gauge %}
{{ gauge.angular('Speedometer', 'Speedometer_1', 10, 30, '°', '', '', '#DA6349') }}
{{ gauge.angular('Scale', 'Scale_1', 10, 30, '°', '', 'scale', '#DA6349') }}
{% import "gauge.html" as gauge %}
{{ gauge.vumeter('VUmeter', ['VU_1','VU_2'], 0, 300) }}
Diagram widget
{% import "diagram.html" as diagram %}
{{ diagram.pie('Pie', ['Pie_1','Pie_2','Pie_3'], ['Pie1','Pie2','Pie3'], ['#FF0000','#FFFFFF','#000000']) }}
SteelSeries widget
{% import "steelseries.html" as steelseries %}
{{ steelseries.radial_odometer('Radial1', 'Radial1_value', 'Radial1_threshold', 'Radial1_odmeter', 0, 100, '%', 'Luftfeuchtigkeit', '', [4,'TURNED',1,'CHROME','true','BLUE','true','YELLOW',9,'GREEN','','',2], [true], [true]) }}
{% import "steelseries.html" as steelseries %}
{{ steelseries.linear_threshold('Linear1', 'Linear1_value', 'Linear1_threshold', 0, 100, '%', 'Luftfeuchtigkeit', ['bargraph'], ['1','SATIN_GRAY','CHROME','false','BLUE','true','YELLOW','BLUE','true'], [true]) }}
{{ steelseries.display('Display1', 'Display1_value', '%', '', 'YELLOW') }}
