- ioBroker Community Home
- Deutsch
- Visualisierung
- Material Design bar chart -> Werte nicht oben
NEWS
Material Design bar chart -> Werte nicht oben
-
Hallo,
ich nutze das Material Design Bar Chart widget. Leider ist es so, dass bei zwei Balken (1. und 3.) die Werte im Balken dargestellt werden, obwohl ich es anders konfiguriert habe:


Was mache ich falsch?
Habe genau den gleichen Effekt. Betrifft auch die horizontale Ausrichtung der Balken.
SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen
-
Kein Problem damit !
.

hier mein Widget :
[{"tpl":"tplVis-materialdesign-Chart-Bar","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","dataCount":"7","chartType":"vertical","showValues":"true","valuesPositionAnchor":"end","valuesPositionAlign":"top","valuesTextAlign":"center","yAxisPosition":"left","yAxisValueDistanceToAxis":"","yAxisShowAxis":true,"yAxisShowAxisLabels":true,"yAxisShowGridLines":true,"yAxisShowTicks":false,"xAxisPosition":"bottom","xAxisValueDistanceToAxis":"","xAxisShowAxis":"true","xAxisShowAxisLabels":"true","xAxisShowGridLines":"true","xAxisShowTicks":true,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/darkiop/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis.0/darkiop/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/darkiop/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"chartPaddingLeft":"","chartPaddingBottom":"-3","oid0":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.01_Monday","oid1":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.02_Tuesday","oid2":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.03_Wednesday","oid3":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.04_Thursday","oid4":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.05_Friday","oid5":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.06_Saturday","oid6":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.07_Sunday","oid7":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.02_currentWeek","oid8":"daswetter.0.NextHours.Location_1.Day_1.Hour_18.humidity_value","oid9":"daswetter.0.NextHours.Location_1.Day_1.Hour_20.humidity_value","oid10":"daswetter.0.NextHours.Location_1.Day_1.Hour_22.humidity_value","oid11":"daswetter.0.NextHours.Location_1.Day_1.Hour_24.humidity_value","oid12":"daswetter.0.NextHours.Location_1.Day_1.Hour_1.temp_value","chartPaddingRight":"-1","yAxisTitle":"","chartPaddingTop":"40","yAxisTitleColor":"white","yAxisTitleFontFamily":"Jura-Light","yAxisTitleFontSize":"3","hoverColor":"","globalColor":"lightblue","label0":"Mo","label1":"Di","label2":"Mi","label3":"Do","label4":"Fr","label5":"Sa","label6":"So","label7":"Σ","label8":"18:00","label9":"20:00","label10":"22:00","label11":"00:00","barLabelText":"white","dataColor0":"","valueTextColor0":"white","valueTextColor1":"white","valueTextColor2":"white","valueTextColor3":"white","valueTextColor4":"white","valueTextColor5":"white","valueTextColor6":"white","valueTextColor7":"white","valueTextColor8":"white","valueTextColor9":"white","valueTextColor10":"white","valueTextColor11":"white","labelValueAppend0":"","barWidth":"78","xAxisTitle":"","xAxisTitleColor":"white","xAxisValueLabelColor":"white","yAxisValueLabelColor":"white","yAxisValueFontSize":"12","xAxisValueFontSize":"13","disableHoverEffects":false,"valuesFontFamily":"Jura-Light","xAxisTitleFontFamily":"Jura-Light","yAxisValueFontFamily":"Jura-Light","xAxisTitleFontSize":"12","xAxisValueFontFamily":"Jura-Light","g_tooltipLayout":true,"valuesMaxDecimals":"1","chartDataMethod":"inputPerEditor","xAxisMinRotation":"","xAxisMaxRotation":"","yAxisGridLinesColor":"white","yAxisGridLinesWitdh":"0.3","valuesMinDecimals":"","yAxisZeroLineWidth":"","xAxisOffsetGridLines":false,"g_legendLayout":false,"legendPosition":"right","legendPointStyle":"true","showTooltip":false,"tooltipShowColorBox":"true","axisValueMin":"0","xAxisTickLength":"","valuesSteps":"","valuesRotation":"","colorScheme":"scrounger.pie","valuesFontSize":"11","axisMaxLabel":"","axisLabelAutoSkip":false,"backgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.background;dark:vis-materialdesign.0.colors.dark.charts.background; mode === \"true\" ? dark : light}","chartAreaBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.background_chart;dark:vis-materialdesign.0.colors.dark.charts.background_chart; mode === \"true\" ? dark : light}","hoverBorderColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.bar.hover_border;dark:vis-materialdesign.0.colors.dark.charts.bar.hover_border; mode === \"true\" ? dark : light}","valuesFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.value;dark:vis-materialdesign.0.colors.dark.charts.value; mode === \"true\" ? dark : light}","yAxisZeroLineColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.y_axis_zeroline;dark:vis-materialdesign.0.colors.dark.charts.y_axis_zeroline; mode === \"true\" ? dark : light}","xAxisTicksSource":"auto","xAxisGridLinesColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.x_axis_gridlines;dark:vis-materialdesign.0.colors.dark.charts.x_axis_gridlines; mode === \"true\" ? dark : light}","xAxisZeroLineColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.x_axis_zeroline;dark:vis-materialdesign.0.colors.dark.charts.x_axis_zeroline; mode === \"true\" ? dark : light}","legendFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.legend;dark:vis-materialdesign.0.colors.dark.charts.legend; mode === \"true\" ? dark : light}","legendFontFamily":"{vis-materialdesign.0.fonts.charts.legend}","legendFontSize":"{vis-materialdesign.0.fontSizes.charts.legend}","tooltipBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.tooltip_background;dark:vis-materialdesign.0.colors.dark.charts.tooltip_background; mode === \"true\" ? dark : light}","tooltipTitleFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.tooltip_title;dark:vis-materialdesign.0.colors.dark.charts.tooltip_title; mode === \"true\" ? dark : light}","tooltipTitleFontFamily":"{vis-materialdesign.0.fonts.charts.tooltip_title}","tooltipTitleFontSize":"{vis-materialdesign.0.fontSizes.charts.tooltip_title}","tooltipBodyFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.tooltip_text;dark:vis-materialdesign.0.colors.dark.charts.tooltip_text; mode === \"true\" ? dark : light}","tooltipBodyFontFamily":"{vis-materialdesign.0.fonts.charts.tooltip_text}","tooltipBodyFontSize":"{vis-materialdesign.0.fontSizes.charts.tooltip_text}","valueText0":"","labelValueAppend7":" {sourceanalytix.0.vw-connect__0__WAUZZZ8V7LA016161__status__data_0x0101010002__field_0x0101010002__value.currentYear.consumed.02_currentWeek} km","titleLayout":"#mdwTheme:vis-materialdesign.0.fontSizes.card.title","titleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.card.title","colorBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background","colorTitleSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_title","colorTextSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_body","colorTitle":"#mdwTheme:vis-materialdesign.0.colors.card.title"},"style":{"left":"3px","top":"25px","width":"401px","height":"351px","z-index":"29"},"widgetSet":"materialdesign"}]Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..
-
Kein Problem damit !
.

hier mein Widget :
[{"tpl":"tplVis-materialdesign-Chart-Bar","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","dataCount":"7","chartType":"vertical","showValues":"true","valuesPositionAnchor":"end","valuesPositionAlign":"top","valuesTextAlign":"center","yAxisPosition":"left","yAxisValueDistanceToAxis":"","yAxisShowAxis":true,"yAxisShowAxisLabels":true,"yAxisShowGridLines":true,"yAxisShowTicks":false,"xAxisPosition":"bottom","xAxisValueDistanceToAxis":"","xAxisShowAxis":"true","xAxisShowAxisLabels":"true","xAxisShowGridLines":"true","xAxisShowTicks":true,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/darkiop/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis.0/darkiop/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/darkiop/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"chartPaddingLeft":"","chartPaddingBottom":"-3","oid0":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.01_Monday","oid1":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.02_Tuesday","oid2":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.03_Wednesday","oid3":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.04_Thursday","oid4":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.05_Friday","oid5":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.06_Saturday","oid6":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.currentWeek.07_Sunday","oid7":"sourceanalytix.0.modbus__2__holdingRegisters__4630_Wirk-_Energie_Bezug_Total_.currentYear.consumed.02_currentWeek","oid8":"daswetter.0.NextHours.Location_1.Day_1.Hour_18.humidity_value","oid9":"daswetter.0.NextHours.Location_1.Day_1.Hour_20.humidity_value","oid10":"daswetter.0.NextHours.Location_1.Day_1.Hour_22.humidity_value","oid11":"daswetter.0.NextHours.Location_1.Day_1.Hour_24.humidity_value","oid12":"daswetter.0.NextHours.Location_1.Day_1.Hour_1.temp_value","chartPaddingRight":"-1","yAxisTitle":"","chartPaddingTop":"40","yAxisTitleColor":"white","yAxisTitleFontFamily":"Jura-Light","yAxisTitleFontSize":"3","hoverColor":"","globalColor":"lightblue","label0":"Mo","label1":"Di","label2":"Mi","label3":"Do","label4":"Fr","label5":"Sa","label6":"So","label7":"Σ","label8":"18:00","label9":"20:00","label10":"22:00","label11":"00:00","barLabelText":"white","dataColor0":"","valueTextColor0":"white","valueTextColor1":"white","valueTextColor2":"white","valueTextColor3":"white","valueTextColor4":"white","valueTextColor5":"white","valueTextColor6":"white","valueTextColor7":"white","valueTextColor8":"white","valueTextColor9":"white","valueTextColor10":"white","valueTextColor11":"white","labelValueAppend0":"","barWidth":"78","xAxisTitle":"","xAxisTitleColor":"white","xAxisValueLabelColor":"white","yAxisValueLabelColor":"white","yAxisValueFontSize":"12","xAxisValueFontSize":"13","disableHoverEffects":false,"valuesFontFamily":"Jura-Light","xAxisTitleFontFamily":"Jura-Light","yAxisValueFontFamily":"Jura-Light","xAxisTitleFontSize":"12","xAxisValueFontFamily":"Jura-Light","g_tooltipLayout":true,"valuesMaxDecimals":"1","chartDataMethod":"inputPerEditor","xAxisMinRotation":"","xAxisMaxRotation":"","yAxisGridLinesColor":"white","yAxisGridLinesWitdh":"0.3","valuesMinDecimals":"","yAxisZeroLineWidth":"","xAxisOffsetGridLines":false,"g_legendLayout":false,"legendPosition":"right","legendPointStyle":"true","showTooltip":false,"tooltipShowColorBox":"true","axisValueMin":"0","xAxisTickLength":"","valuesSteps":"","valuesRotation":"","colorScheme":"scrounger.pie","valuesFontSize":"11","axisMaxLabel":"","axisLabelAutoSkip":false,"backgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.background;dark:vis-materialdesign.0.colors.dark.charts.background; mode === \"true\" ? dark : light}","chartAreaBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.background_chart;dark:vis-materialdesign.0.colors.dark.charts.background_chart; mode === \"true\" ? dark : light}","hoverBorderColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.bar.hover_border;dark:vis-materialdesign.0.colors.dark.charts.bar.hover_border; mode === \"true\" ? dark : light}","valuesFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.value;dark:vis-materialdesign.0.colors.dark.charts.value; mode === \"true\" ? dark : light}","yAxisZeroLineColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.y_axis_zeroline;dark:vis-materialdesign.0.colors.dark.charts.y_axis_zeroline; mode === \"true\" ? dark : light}","xAxisTicksSource":"auto","xAxisGridLinesColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.x_axis_gridlines;dark:vis-materialdesign.0.colors.dark.charts.x_axis_gridlines; mode === \"true\" ? dark : light}","xAxisZeroLineColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.x_axis_zeroline;dark:vis-materialdesign.0.colors.dark.charts.x_axis_zeroline; mode === \"true\" ? dark : light}","legendFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.legend;dark:vis-materialdesign.0.colors.dark.charts.legend; mode === \"true\" ? dark : light}","legendFontFamily":"{vis-materialdesign.0.fonts.charts.legend}","legendFontSize":"{vis-materialdesign.0.fontSizes.charts.legend}","tooltipBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.tooltip_background;dark:vis-materialdesign.0.colors.dark.charts.tooltip_background; mode === \"true\" ? dark : light}","tooltipTitleFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.tooltip_title;dark:vis-materialdesign.0.colors.dark.charts.tooltip_title; mode === \"true\" ? dark : light}","tooltipTitleFontFamily":"{vis-materialdesign.0.fonts.charts.tooltip_title}","tooltipTitleFontSize":"{vis-materialdesign.0.fontSizes.charts.tooltip_title}","tooltipBodyFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.charts.tooltip_text;dark:vis-materialdesign.0.colors.dark.charts.tooltip_text; mode === \"true\" ? dark : light}","tooltipBodyFontFamily":"{vis-materialdesign.0.fonts.charts.tooltip_text}","tooltipBodyFontSize":"{vis-materialdesign.0.fontSizes.charts.tooltip_text}","valueText0":"","labelValueAppend7":" {sourceanalytix.0.vw-connect__0__WAUZZZ8V7LA016161__status__data_0x0101010002__field_0x0101010002__value.currentYear.consumed.02_currentWeek} km","titleLayout":"#mdwTheme:vis-materialdesign.0.fontSizes.card.title","titleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.card.title","colorBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background","colorTitleSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_title","colorTextSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_body","colorTitle":"#mdwTheme:vis-materialdesign.0.colors.card.title"},"style":{"left":"3px","top":"25px","width":"401px","height":"351px","z-index":"29"},"widgetSet":"materialdesign"}]@glasfaser Danke. Das passt jetzt generell. Nur die horizontale Ansicht will absolut nicht. Da stehen die Werte im Balken, egal was ich hier einstelle.
SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen