iobroker.sbfspot

<script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/lib/jquery.event.drag.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/lib/jquery.mousewheel.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.canvaswrapper.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.colorhelpers.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.saturated.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.browser.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.drawSeries.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.uiConstants.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.time.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.legend.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.navigate.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.touchNavigate.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.hover.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.touch.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.selection.js"></script> <script language="javascript" type="text/javascript" src="widgets/sbfspot/lib/js/flot/jquery.flot.axislabels.js"></script>   <style> .chart-placeholder { width: 100%; height: 100%; font-size: 14px; line-height: 1.2em; } .legendLayer .background { fill: rgba(255, 255, 255, 0.85); stroke: rgba(0, 0, 0, 0.85); stroke-width: 1; } </style> <script type="text/javascript"> 'use strict'; var MarkingColor = "eaebe5"; if (vis.editMode) { // Add words for basic widgets $.extend(true, systemDictionary, { "sbfspot": { "en": "sbfspot", "de": "sbfspot", "ru": "sbfspot", "pt": "sbfspot", "nl": "sbfspot", "fr": "sbfspot", "it": "sbfspot", "es": "sbfspot", "pl": "sbfspot", "zh-cn": "sbfspot" }, "1 second": { "en": "1 second", "de": "1 Sekunde", "ru": "1 секунда", "pt": "1 segundo", "nl": "1 seconde", "fr": "1 seconde", "it": "1 secondo", "es": "1 segundo", "pl": "1 sekunda", "zh-cn": "1秒" }, "10 seconds": { "en": "10 seconds", "de": "10 Sekunden", "ru": "10 секунд", "pt": "10 segundos", "nl": "10 seconden", "fr": "10 secondes", "it": "10 secondi", "es": "10 segundos", "pl": "10 sekund", "zh-cn": "10秒" }, "30 seconds": { "en": "30 seconds", "de": "30 Sekunden", "ru": "30 секунд", "pt": "30 segundos", "nl": "30 seconden", "fr": "30 secondes", "it": "30 secondi", "es": "30 segundos", "pl": "30 sekund", "zh-cn": "30秒" }, "1 minute": { "en": "1 minute", "de": "1 Minute", "ru": "1 минута", "pt": "1 minuto", "nl": "1 minuut", "fr": "1 minute", "it": "1 minuto", "es": "1 minuto", "pl": "1 minuta", "zh-cn": "1分钟" }, "2 minutes": { "en": "2 minutes", "de": "2 Minuten", "ru": "2 минуты", "pt": "2 minutos", "nl": "2 minuten", "fr": "2 minutes", "it": "2 minuti", "es": "2 minutos", "pl": "2 minuty", "zh-cn": "2分钟" }, "5 minutes": { "en": "5 minutes", "de": "5 Minuten", "ru": "5 минут", "pt": "5 minutos", "nl": "5 minuten", "fr": "5 minutes", "it": "5 minuti", "es": "5 minutos", "pl": "5 minut", "zh-cn": "5分钟" }, "10 minutes": { "en": "10 minutes", "de": "10 Minuten", "ru": "10 минут", "pt": "10 minutos", "nl": "10 minuten", "fr": "10 minutes", "it": "10 minuti", "es": "10 minutos", "pl": "10 minut", "zh-cn": "10分钟" }, "30 minutes": { "en": "30 minutes", "de": "30 Minuten", "ru": "30 минут", "pt": "30 minutos", "nl": "30 minuten", "fr": "30 minutes", "it": "30 minuti", "es": "30 minutos", "pl": "30 minut", "zh-cn": "30分钟" }, "1 hour": { "en": "1 hour", "de": "1 Stunde", "ru": "1 час", "pt": "1 hora", "nl": "1 uur", "fr": "1 heure", "it": "1 ora", "es": "1 hora", "pl": "1 godzina", "zh-cn": "1小时" }, "2 hours": { "en": "2 hours", "de": "2 Stunden", "ru": "два часа", "pt": "2 horas", "nl": "twee uur", "fr": "2 heures", "it": "2 ore", "es": "2 horas", "pl": "2 godziny", "zh-cn": "2小时" }, "4 hours": { "en": "4 hours", "de": "4 Stunden", "ru": "4 часа", "pt": "4 horas", "nl": "4 uur", "fr": "4 heures", "it": "4 ore", "es": "4 horas", "pl": "4 godziny", "zh-cn": "4个小时" }, "8 hours": { "en": "8 hours", "de": "8 Stunden", "ru": "8 часов", "pt": "8 horas", "nl": "8 uur", "fr": "8 heures", "it": "8 ore", "es": "8 horas", "pl": "8 godzin", "zh-cn": "8小时" }, "12 hours": { "en": "12 hours", "de": "12 Stunden", "ru": "12 часов", "pt": "12 horas", "nl": "12 uren", "fr": "12 heures", "it": "12 ore", "es": "12 horas", "pl": "12 godzin", "zh-cn": "12小时" }, "24 hours": { "en": "24 hours", "de": "24 Stunden", "ru": "24 часа", "pt": "24 horas", "nl": "24 uur", "fr": "24 heures", "it": "24 ore", "es": "24 horas", "pl": "24 godziny", "zh-cn": "24小时" }, "sbfspotinstance": { "en": "sbfspot instance", "de": "sbfspot-Instanz", "ru": "экземпляр sbfspot", "pt": "instância sbfspot", "nl": "sbfspot-instantie", "fr": "instance de sbfspot", "it": "istanza sbfspot", "es": "instancia de sbfspot", "pl": "instancja sbfspot", "zh-cn": "sbfspot实例" }, "time_interval": { "en": "Time interval", "de": "Zeitintervall", "ru": "Интервал времени", "pt": "Intervalo de tempo", "nl": "Tijdsinterval", "fr": "Intervalle de temps", "it": "Intervallo di tempo", "es": "Intervalo de tiempo", "pl": "Przedział czasowy", "zh-cn": "时间间隔" }, "withxaxix": { "en": "show X axis", "de": "X-Achse anzeigen", "ru": "показать ось X", "pt": "mostre o eixo X", "nl": "X-as weergeven", "fr": "afficher l'axe X", "it": "mostra l'asse X.", "es": "mostrar eje X", "pl": "pokaż oś X.", }, "sel_today": { "en": "today", "de": "heute", "ru": "Cегодня", "pt": "hoje", "nl": "vandaag", "fr": "aujourd'hui", "it": "oggi", "es": "hoy", "pl": "dzisiaj", "zh-cn": "今天" }, "sel_last30days": { "en": "last 30 days", "de": "letzte 30 Tage", "ru": "последние 30 дней", "pt": "últimos 30 dias", "nl": "laatste 30 dagen", "fr": "les 30 derniers jours", "it": "ultimi 30 giorni", "es": "últimos 30 días", "pl": "ostatnie 30 dni", "zh-cn": "最近30天" }, "sel_last12months": { "en": "last 12 months", "de": "letzten 12 Monate", "ru": "последние 12 месяцев", "pt": "últimos 12 meses", "nl": "laatste 12 maanden", "fr": "12 derniers mois", "it": "ultimi 12 mesi", "es": "últimos 12 meses", "pl": "ostatnie 12 miesięcy", "zh-cn": "最近12个月" }, "sel_years": { "en": "years", "de": "Jahre", "ru": "лет", "pt": "anos", "nl": "jaar", "fr": "ans", "it": "anni", "es": "años", "pl": "lat", "zh-cn": "年份" }, "serial": { "en": "inverter serial No.", "de": "Seriennummer des Wechselrichters", "ru": "серийный номер инвертора", "pt": "número de série do inversor", "nl": "serienummer van de omvormer", "fr": "n ° de série de l'onduleur", "it": "numero di serie dell'inverter", "es": "número de serie del inversor", "pl": "numer seryjny falownika", "zh-cn": "变频器序列号" }, "valueselect": { "en": "select", "de": "wählen", "ru": "Выбрать", "pt": "selecionar", "nl": "kiezen", "fr": "sélectionner", "it": "selezionare", "es": "seleccionar", "pl": "Wybierz", "zh-cn": "选择" }, "axislabelcolor": { "en": "color of axis label", "de": "Farbe der Achsenbeschriftung", "ru": "цвет метки оси", "pt": "cor do rótulo do eixo", "nl": "kleur van aslabel", "fr": "couleur de l'étiquette de l'axe", "it": "colore dell'etichetta dell'asse", "es": "color de la etiqueta del eje", "pl": "kolor etykiety osi", "zh-cn": "轴标颜色" }, "tickscolor": { "en": "color of axis ticks", "de": "Farbe der Achsenstriche", "ru": "цвет отметок оси", "pt": "cor dos tiques do eixo", "nl": "kleur van as tikken", "fr": "couleur des tiques des axes", "it": "colore delle zecche degli assi", "es": "color de las garrapatas del eje", "pl": "kolor znaczników osi", "zh-cn": "轴刻度的颜色" }, "graphcolor": { "en": "color", "de": "Farbe", "ru": "цвет", "pt": "cor", "nl": "kleur", "fr": "Couleur", "it": "colore", "es": "color", "pl": "kolor", "zh-cn": "颜色" }, "nobgcolor": { "en": "no background color on grid", "de": "Keine Hintergrundfarbe im Raster", "ru": "нет цвета фона на сетке", "pt": "sem cor de fundo na grade", "nl": "geen achtergrondkleur op het raster", "fr": "pas de couleur d'arrière-plan sur la grille", "it": "nessun colore di sfondo sulla griglia", "es": "sin color de fondo en la cuadrícula", "pl": "brak koloru tła na siatce", "zh-cn": "网格上没有背景色" }, "bgcolor": { "en": "background color on grid", "de": "Hintergrundfarbe auf Raster", "ru": "цвет фона на сетке", "pt": "cor de fundo na grade", "nl": "achtergrondkleur op het raster", "fr": "couleur de fond sur la grille", "it": "colore di sfondo sulla griglia", "es": "color de fondo en la cuadrícula", "pl": "kolor tła na siatce", "zh-cn": "网格上的背景色" }, "bordercolor": { "en": "color of grid border", "de": "Farbe des Gitterrandes", "ru": "цвет границы сетки", "pt": "cor da borda da grade", "nl": "kleur van de rasterrand", "fr": "couleur de la bordure de la grille", "it": "colore del bordo della griglia", "es": "color del borde de la cuadrícula", "pl": "kolor obramowania siatki", "zh-cn": "网格边框的颜色" }, "borderWidth": { "en": "width of grid border", "de": "Breite des Gitterrandes", "ru": "ширина границы сетки", "pt": "largura da borda da grade", "nl": "breedte van de rasterrand", "fr": "largeur de la bordure de la grille", "it": "larghezza del bordo della griglia", "es": "ancho del borde de la cuadrícula", "pl": "szerokość granicy siatki", "zh-cn": "网格边框的宽度" }, "withyaxix": { "en": "show y axis", "de": "y-Achse anzeigen", "ru": "показать ось у", "pt": "mostre o eixo y", "nl": "y-as weergeven", "fr": "afficher l'axe y", "it": "mostra l'asse y", "es": "mostrar eje y", "pl": "pokaż oś y", "zh-cn": "显示y轴" }, "graphDateFormat": { "en": "Date Format for X axis", "de": "Datumsformat für die X-Achse", "ru": "Формат даты для оси X", "pt": "Formato de data para o eixo X", "nl": "Datumnotatie voor X-as", "fr": "Format de date pour l'axe X", "it": "Formato data per asse X.", "es": "Formato de fecha para el eje X", "pl": "Format daty dla osi X.", "zh-cn": "X轴的日期格式" }, "group_graph": { "en": "graph", "de": "Graph", "ru": "график", "pt": "gráfico", "nl": "diagram", "fr": "graphique", "it": "grafico", "es": "grafico", "pl": "wykres", "zh-cn": "图形" }, "group_oids": { "en": "OID's", "de": "OID's", "ru": "OID-х", "pt": "OID's", "nl": "OID's", "fr": "OID", "it": "di OID", "es": "OID", "pl": "OID", "zh-cn": "OID的" }, "oid_value": { "en": "OID values", "de": "OID-Werte", "ru": "Значения OID", "pt": "Valores OID", "nl": "OID-waarden", "fr": "Valeurs OID", "it": "Valori OID", "es": "Valores OID", "pl": "Wartości OID", "zh-cn": "OID值" }, "markingcolor": { "en": "color of marking", "de": "Farbe der Markierung", "ru": "цвет маркировки", "pt": "cor da marcação", "nl": "kleur van markering", "fr": "couleur de marquage", "it": "colore della marcatura", "es": "color de marcado", "pl": "kolor oznakowania", "zh-cn": "标记颜色" }, "withmarking": { "en": "with marking", "de": "mit Markierung", "ru": "с маркировкой", "pt": "com marcação", "nl": "met markering", "fr": "avec marquage", "it": "con marcatura", "es": "con marcado", "pl": "z oznaczeniem", "zh-cn": "带标记" }, "graphName": { "en": "name on legend", "de": "Name auf Legende", "ru": "имя по легенде", "pt": "nome na legenda", "nl": "naam op legende", "fr": "nom sur la légende", "it": "nome sulla leggenda", "es": "nombre en la leyenda", "pl": "imię na legendzie", "zh-cn": "传说中的名字" }, "LabelFontSize": { "en": "size of Label Font", "de": "Größe der Beschriftungsschrift", "ru": "размер шрифта метки", "pt": "tamanho da fonte da etiqueta", "nl": "grootte van het lettertype", "fr": "taille de la police d'étiquette", "it": "dimensione del carattere dell'etichetta", "es": "tamaño de la fuente de la etiqueta", "pl": "rozmiar czcionki etykiety", "zh-cn": "标签字体的大小" }, "LabelFontFamily": { "en": "family of label font", "de": "Schriftfamilie", "ru": "семейство меток шрифта", "pt": "família de fontes de rótulo", "nl": "familie van lettertype", "fr": "famille de polices d'étiquettes", "it": "famiglia di caratteri etichetta", "es": "familia de fuente de etiquetas", "pl": "rodzina czcionek etykiet", "zh-cn": "标签字体家族" }, "tickLength": { "en": "length of tick", "de": "Länge des Ticks", "ru": "длина тика", "pt": "comprimento do carrapato", "nl": "lengte van de teek", "fr": "longueur de tique", "it": "lunghezza del segno di spunta", "es": "longitud de la garrapata", "pl": "długość kleszcza", "zh-cn": "tick的长度" }, "showMinorTicks": { "en": "show minor tick", "de": "zeige kleine Ticks", "ru": "показать небольшую галочку", "pt": "mostre carrapato menor", "nl": "toon kleine vinkjes", "fr": "montrer une tique mineure", "it": "mostra segno di spunta minore", "es": "mostrar marca menor", "pl": "pokaż drobne kleszcze", "zh-cn": "显示小勾" }, "showTicks": { "en": "show tick", "de": "zeige ticks", "ru": "показать галочку", "pt": "show tick", "nl": "vinkje tonen", "fr": "montrer tique", "it": "mostra tick", "es": "mostrar marca", "pl": "pokaż tik", "zh-cn": "显示刻度" }, "tickDecimals": { "en": "decimals", "de": "Dezimalstellen", "ru": "десятичные", "pt": "decimais", "nl": "decimalen", "fr": "décimales", "it": "decimali", "es": "decimales", "pl": "miejsca po przecinku", "zh-cn": "小数点" }, "tickSize": { "en": "tick size", "de": "Tick-Größe", "ru": "размер галочки", "pt": "tamanho do carrapato", "nl": "teken grootte", "fr": "taille de la tique", "it": "dimensione tick", "es": "tamaño de la garrapata", "pl": "rozmiar kleszcza", "zh-cn": "刻度大小" }, "minTickSize": { "en": "min. tick size", "de": "Mindest. Tick-Größe", "ru": "минимум размер галочки", "pt": "min. tamanho do carrapato", "nl": "min. teken grootte", "fr": "min. taille de la tique", "it": "min. dimensione tick", "es": "min. tamaño de la garrapata", "pl": "min. rozmiar kleszcza", "zh-cn": "分钟刻度大小" }, "labelwidth": { "en": "label width", "de": "Labelbreite", "ru": "ширина этикетки", "pt": "largura da etiqueta", "nl": "labelbreedte", "fr": "largeur d'étiquette", "it": "larghezza dell'etichetta", "es": "ancho de etiqueta", "pl": "szerokość etykiety", "zh-cn": "标签宽度" }, "coloraxis": { "en": "color of axis", "de": "Farbe der Achse", "ru": "цвет оси", "pt": "cor do eixo", "nl": "kleur van de as", "fr": "couleur de l'axe", "it": "colore dell'asse", "es": "color del eje", "pl": "kolor osi", "zh-cn": "轴的颜色" }, "colorticklabel": { "en": "color tick label", "de": "Farbe Tick Label", "ru": "цветная метка", "pt": "etiqueta de escala de cores", "nl": "kleur maatlabel", "fr": "étiquette de couleur tique", "it": "etichetta con segno di spunta di colore", "es": "etiqueta de marca de color", "pl": "kolorowa etykieta kleszczowa", "zh-cn": "彩色刻度标签" }, "withlegend": { "en": "show legend", "de": "Legende anzeigen", "ru": "показать легенду", "pt": "mostrar legenda", "nl": "toon legende", "fr": "montrer la légende", "it": "mostra legenda", "es": "Mostrar leyenda", "pl": "pokaż legendę", "zh-cn": "显示传奇" }, "legendposition": { "en": "legend position", "de": "Legendenposition", "ru": "положение легенды", "pt": "posição da legenda", "nl": "legende positie", "fr": "position de la légende", "it": "posizione della legenda", "es": "posición de leyenda", "pl": "pozycja legendy", "zh-cn": "图例位置" }, "WithHOver": { "en": "With Value box", "de": "Mit Wertbox", "ru": "С коробкой ценности", "pt": "Com caixa de valor", "nl": "Met Value box", "fr": "Avec boîte de valeur", "it": "Con Valore", "es": "Con caja de valor", "pl": "Wagon z Value", "zh-cn": "价值箱" }, "WithPoints": { "en": "with points", "de": "mit Punkten", "ru": "с точками", "pt": "com pontos", "nl": "met punten", "fr": "avec points", "it": "con punti", "es": "con puntos", "pl": "punkty", "zh-cn": "要点" } }); } vis.binds.sbfspot = { version: "4.0.7", showVersion: function () { if (vis.binds.sbfspot.version) { console.log('Version vis-sbfspot: ' + vis.binds.sbfspot.version); vis.binds.sbfspot.version = null; } }, setup: { intervals: { '1 second': 1000, '10 seconds': 10000, '30 seconds': 30000, '1 minute': 60000, '2 minutes': 120000, '5 minutes': 300000, '10 minutes': 600000, '30 minutes': 1800000, '1 hour': 3600000, '2 hours': 7200000, '4 hours': 14400000, '8 hours': 28800000, '12 hours': 43200000, '24 hours': 86400000 }, datasel: { 'sel_today': 1, 'sel_last30days': 2, 'sel_last12months': 3, 'sel_years': 4 } }, history: { init: function (widgetID, view, data1, style) { var $div = $('#' + widgetID); console.log("sbfspot history (" + widgetID + ")"); var data = {}; for (var s in data1) { if (s[0] !== '_' && data1.hasOwnProperty(s) && typeof data1[s] !== 'object' && typeof data1[s] !== 'function') { data[s] = data1[s]; } } //**************************************************************************************** //hover if (data.WithHOver) { //das muss in's init... $("<div id='sbfspottooltip'></div>").css({ position: "absolute", display: "none", border: "1px solid #fdd", padding: "2px", "background-color": "#fee", opacity: 1 }).appendTo("body"); //**************************************************************************************** } function SetMarkingColor(color) { MarkingColor = color; } function xwhFormatter(val, axis) { let myval; if (typeof val == "string") { console.log('xwhFormatter convert to number '); myval = Number(val); } else { myval = val; } console.log('xwhFormatter for ' + val + " " + typeof val); if (myval > 1000000) return (myval / 1000000).toFixed(axis.tickDecimals) + " MWh"; else if (myval > 1000) return (myval / 1000).toFixed(axis.tickDecimals) + " kWh"; else return (myval*1).toFixed(axis.tickDecimals) + " Wh"; } function legendformater(label, series) { //wenn keine Daten, dann ausblenden -> (return null) if (series.data == null || typeof series.data == "undefined" || typeof series.data[0] == "undefined") { console.log('legendformater no label because no data '); return null; } else { console.log('legendformater label ' + label); return label; } } //=============================================================== //Attention: this is different to sbfspot and vis-weather!!! we have much longer time periods here function GridMarkings(axes) { var markings = []; var minDate = new Date(axes.xaxis.min); const dayDiff = (axes.xaxis.max - axes.xaxis.min) / 1000 / 60 / 60 / 24; console.log('GridMarkings: DayDiff ' + dayDiff + ' (' + axes.xaxis.max + ' ' + axes.xaxis.min + ')'); var i = minDate.getTime(); if (dayDiff > 400) { //in years console.log('for year'); minDate.setHours(0); minDate.setMinutes(0); minDate.setDate(1); minDate.setMonth(0); var i = minDate.getTime(); var curDate; let limit = 0; do { markings.push({ xaxis: { from: i, to: i + 12 * 30 * 24 * 60 * 60 * 1000 }, color: MarkingColor }); i += 2 * 12 * 31 * 24 * 60 * 60 * 1000; //plus two year curDate = new Date(i); minDate = curDate; minDate.setHours(0); minDate.setMinutes(0); minDate.setDate(1); minDate.setMonth(0); console.log('GridMarkings (1): ' + minDate.toLocaleString()); i = minDate.getTime(); limit++; } while (i < axes.xaxis.max || limit > 200); } else if (dayDiff > 30) { // in months console.log('for months'); minDate.setHours(0); minDate.setMinutes(0); minDate.setDate(1); var i = minDate.getTime(); var curDate; let limit = 0; do { markings.push({ xaxis: { from: i, to: i + 30 * 24 * 60 * 60 * 1000 }, color: MarkingColor }); i += 2 * 31 * 24 * 60 * 60 * 1000; //plus one month curDate = new Date(i); minDate = curDate; minDate.setHours(0); minDate.setMinutes(0); minDate.setDate(1); console.log('GridMarkings (2): ' + minDate.toLocaleString()); i = minDate.getTime(); limit++; } while (i < axes.xaxis.max || limit > 200); } else if (dayDiff > 10) { console.log('for more than days'); //if (dayDiff > 2) { minDate.setHours(12); minDate.setMinutes(0); var i = minDate.getTime(); let limit = 0; do { markings.push({ xaxis: { from: i, to: i + 5 * 24 * 60 * 60 * 1000 }, color: MarkingColor }); i += 2 * 5 * 24 * 60 * 60 * 1000; //plus 5 days limit++; } while (i < axes.xaxis.max || limit > 200); } //if we only few hours then we need markings per hour otherwise per day else if (dayDiff > 2) { console.log('for more than 2 days'); let limit = 0; do { markings.push({ xaxis: { from: i, to: i + 24 * 60 * 60 * 1000 }, color: MarkingColor }); i += 2 * 24 * 60 * 60 * 1000; limit++; } while (i < axes.xaxis.max || limit > 200); } else { console.log('for hours'); let limit = 0; do { markings.push({ xaxis: { from: i, to: i + 60 * 60 * 1000 }, color: MarkingColor }); i += 2 * 60 * 60 * 1000; limit++; } while (i < axes.xaxis.max || limit > 200); } return markings; } //=============================================================== //Attention: this is different to sbfspot and vis-weather!!! we have much longer time periods here function CalcTicks4X(axis) { var ticks = []; var minDate = new Date(axis.min); const dayDiff = (axis.max - axis.min) / 1000 / 60 / 60 / 24; console.log('CalcTicks4X: DayDiff ' + dayDiff + ' (' + axis.max + ' ' + axis.min + ')'); if (dayDiff > 400) { //in years minDate.setHours(12); minDate.setMinutes(0); minDate.setDate(15); minDate.setMonth(5); var i = minDate.getTime(); var curDate; let limit = 0; do { ticks.push([i]); i += 12 * 30 * 24 * 60 * 60 * 1000; //plus one year curDate = new Date(i); minDate = curDate; minDate.setHours(12); minDate.setMinutes(0); minDate.setDate(15); minDate.setMonth(5); //console.log('CalcTicks4X (1): ' + minDate.toLocaleString()); i = minDate.getTime(); limit++; } while (i < axis.max || limit > 200); } else if (dayDiff > 30) { // in months minDate.setHours(12); minDate.setMinutes(0); minDate.setDate(15); var i = minDate.getTime(); var curDate; let limit = 0; do { ticks.push([i]); i += 30 * 24 * 60 * 60 * 1000; //plus one month curDate = new Date(i); minDate = curDate; minDate.setHours(12); minDate.setMinutes(0); minDate.setDate(15); //console.log('CalcTicks4X (2): ' + minDate.toLocaleString()); i = minDate.getTime(); limit++; } while (i < axis.max || limit > 200); } else if (dayDiff > 10) { //if (dayDiff > 2) { minDate.setHours(12); minDate.setMinutes(0); var i = minDate.getTime(); let limit = 0; do { ticks.push([i]); i += 5 * 24 * 60 * 60 * 1000; //plus 5 days limit++; } while (i < axis.max || limit > 200); } else if (dayDiff > 2) { //if (dayDiff > 2) { minDate.setHours(12); minDate.setMinutes(0); var i = minDate.getTime(); let limit = 0; do { ticks.push([i]); i += 24 * 60 * 60 * 1000; //plus a day limit++; } while (i < axis.max || limit > 200); } else { minDate.setHours(0); minDate.setMinutes(0); var i = minDate.getTime(); let limit = 0; do { ticks.push([i]); i += 6 * 60 * 60 * 1000; //plus 6 hours limit++; } while (i < axis.max || limit > 200); } return ticks; } //should avoid endles loops let UpdateRetryCounter = 0; function update() { console.log("ShowChart sbfspot (" + widgetID + ") retry counter " + UpdateRetryCounter); var $div = $('#' + widgetID); // if nothing found => wait if (!$div.length) { return setTimeout(function () { console.log("need to wait... (" + widgetID + ")"); if (UpdateRetryCounter < 5) { UpdateRetryCounter++; update(); } }, 1000); } UpdateRetryCounter = 0; console.log("ShowChart sbfspot begin (" + widgetID + ")"); if (!data || !data.sbfspotinstance) { console.log("keine instanz (" + widgetID + ")"); $div.html("<br> <center> <font color='red'> no instance for sbfspot specified </font> </center></br>"); } else if (!data.serial) { console.log("keine seriennummer (" + widgetID + ")"); $div.html("<br> <center> <font color='red'> no inverter serial number for sbfspot specified </font> </center></br>"); } if ($div[0].clientHeight < 50 || $div[0].clientWidth < 50) { console.log("widget too small (" + widgetID + ")"); $div.html("<br> <center> <font color='red'> widget too small, please increase size (heigth or width) </font> </center></br>"); if ($div[0].clientHeight < 50) { $div[0].style.height = "50px"; } if ($div[0].clientWidth < 50) { $div[0].style.width = "50px"; } } else { SetMarkingColor(data.markingcolor); var dateMin = -1; var dateMax = -1; var values = []; var maxY = -9999; var minY = 9999; try { var oid_value = data.oid_value; var oData = JSON.parse(vis.states[oid_value + '.val']); if (oData === null || typeof oData == "undefined" || oData.length < 1) { $div.html("<br> <center> <font color='red'>no data available yet for sbfspot</font> </center></br>"); return; } //console.log("oData " + oData.length); //console.log(JSON.stringify(oData)); var $sel = vis.binds.sbfspot.setup.datasel[data.valueselect]; console.log("sel " + $sel); var oldValue = 0; for (var i = 0; i < oData.length; i++) { //[{"time":"06:08","value":0},{"time":"07:08","value":60},{"time":"08:08","value":181},{"time":"09:08","value":401},{"time":"10:08","value":1917},{"time":"11:08","value":3839},{"time":"12:08","value":5905},{"time":"13:08","value":8025},{"time":"14:08","value":10052},{"time":"15:08","value":11844},{"time":"16:08","value":13159},{"time":"17:08","value":13773},{"time":"18:08","value":13875},{"time":"19:08","value":13911},{"time":"20:08","value":13911}] kW //[{ "date": "2017-07-27", "value": 4045 }, { "date": "2017-07-28", "value": 10050 }, { "date": "2017-07-29", "value": 10442 }, { "date": "2017-07-30", "value": 13448 }, { "date": "2017-07-31", "value": 13476 }, { "date": "2017-08-01", "value": 12294 }, { "date": "2017-08-02", "value": 9084 }, { "date": "2017-08-03", "value": 3626 }, { "date": "2017-08-04", "value": 8504 }, { "date": "2017-08-05", "value": 12037 }, { "date": "2017-08-06", "value": 9725 }, { "date": "2017-08-07", "value": 13577 }, { "date": "2017-08-08", "value": 13310 }, { "date": "2017-08-09", "value": 12120 }, { "date": "2017-08-10", "value": 1391 }, { "date": "2017-08-11", "value": 2447 }, { "date": "2017-08-12", "value": 5659 }, { "date": "2017-08-13", "value": 5388 }, { "date": "2017-08-14", "value": 11364 }, { "date": "2017-08-15", "value": 12985 }, { "date": "2017-08-16", "value": 7504 }, { "date": "2017-08-17", "value": 9294 }, { "date": "2017-08-18", "value": 8594 }, { "date": "2017-08-19", "value": 10459 }, { "date": "2017-08-20", "value": 7991 }, { "date": "2017-08-21", "value": 10881 }, { "date": "2017-08-22", "value": 9715 }, { "date": "2017-08-23", "value": 13911 }, { "date": "2017-08-24", "value": 9016 }, { "date": "2017-08-25", "value": 11051 }, { "date": "2017-08-26", "value": 155 }] //[{"month":"2016-09","value":17886174},{"month":"2016-10","value":17973503},{"month":"2016-11","value":18020416},{"month":"2016-12","value":18052202},{"month":"2017-01","value":18077080},{"month":"2017-02","value":18171050},{"month":"2017-03","value":18384397},{"month":"2017-04","value":18602474},{"month":"2017-05","value":18909431},{"month":"2017-06","value":19236280},{"month":"2017-07","value":19522862},{"month":"2017-08","value":19754944}] //[{"year":"2016","value":18052202},{"year":"2017","value":19754944}] if ($sel == 1) { var oVals = oData[i]; var sDate = oVals["time"]; var value = parseInt(oVals["value"], 10); var diff = value - oldValue; oldValue = value; var DateArray = sDate.split(":"); var minute = parseInt(DateArray[1], 10); var hour = parseInt(DateArray[0], 10); var oDate = new Date(); oDate.setHours(hour); oDate.setMinutes(minute); if (diff < minY) minY = diff; if (diff > maxY) maxY = diff; //console.log(oDate.toString() + " : " + diff); var date = oDate.getTime(); if (dateMin === -1) { dateMin = date; } dateMax = date; values.push([oDate, diff]); } else if ($sel == 2) { var oVals = oData[i]; var sDate = oVals["date"]; var value = parseInt(oVals["value"]); var value = value; //2017-08-12 var DateArray = sDate.split("-"); var day = parseInt(DateArray[2], 10); var month = parseInt(DateArray[1], 10); var year = parseInt(DateArray[0], 10); month--; var oDate = new Date(year, month, day, 12, 0, 0, 0); if (value < minY) minY = value; if (value > maxY) maxY = value; //console.log(oDate.toDateString() + " : " + value); var date = oDate.getTime(); if (dateMin === -1) { dateMin = date; } dateMax = date; values.push([oDate, value]); } else if ($sel == 3) { var oVals = oData[i]; var sDate = oVals["month"]; var value = parseInt(oVals["value"], 10); var value = value; //2016-09 //console.log(sDate); //on new android app this goas fail; don't know why... //var month = parseInt(sDate.substring(5, 7)); //var year = parseInt(sDate.substring(0, 4)); var DateArray = sDate.split("-"); var month = parseInt(DateArray[1], 10); var year = parseInt(DateArray[0], 10); console.log("array " + DateArray[0] + " / " + DateArray[1]); month--; //mid of month var oDate = new Date(year, month, 15, 12, 0, 0, 0); var diff = value - oldValue; if (oldValue > 0) { if (diff < minY) minY = diff; if (diff > maxY) maxY = diff; console.log(oDate.toDateString() + " : " + diff + " (" + year + "," + month + ")"); var date = oDate.getTime(); if (dateMin === -1) { dateMin = date; } dateMax = date; values.push([oDate, diff]); } oldValue = value; } else if ($sel == 4) { var oVals = oData[i]; var year = parseInt(oVals["year"], 10); var value = parseInt(oVals["value"], 10); var value = value; //2016