@millistream/millistream-widgets 1.0.19 → 1.0.20

package/millistream-widgets.js

@@ -1,24 +1,24 @@
-/**
- * HiDPI Canvas Polyfill (1.0.10)
- *
- * Author: Jonathan D. Johnson (http://jondavidjohn.com)
- * Homepage: https://github.com/jondavidjohn/hidpi-canvas-polyfill
- * Issue Tracker: https://github.com/jondavidjohn/hidpi-canvas-polyfill/issues
- * License: Apache-2.0
- */
+
+
+
+
+
+
+
+
  (function(prototype) {
 
     var pixelRatio = (function() {
         var canvas = document.createElement('canvas'),
                 context = canvas.getContext('2d');
-            /*backingStore = context.backingStorePixelRatio ||
-                context.webkitBackingStorePixelRatio ||
-                context.mozBackingStorePixelRatio ||
-                context.msBackingStorePixelRatio ||
-                context.oBackingStorePixelRatio ||
-                context.backingStorePixelRatio || 1;
-            return (window.devicePixelRatio || 1) / backingStore;
-			*/
+            
+
+
+
+
+
+
+
         })(),
         forEach = function(obj, func) {
             for (var p in obj) {
@@ -29,8 +29,8 @@
         },
 
         ratioArgs = {
-            //'fillRect': 'all',
-            //'clearRect': 'all',
+            
+            
             'strokeRect': 'all',
             'moveTo': 'all',
             'lineTo': 'all',
@@ -43,18 +43,18 @@
             'rect': 'all',
             'translate': 'all',
             'createRadialGradient': 'all',
-            //'createLinearGradient': 'all'
+            
         };
 
     if (pixelRatio === 1) return;
 
     function getPixelRatio(_this) {
-/*        var backingStore = this.backingStorePixelRatio ||
-            this.webkitBackingStorePixelRatio ||
-            this.mozBackingStorePixelRatio ||
-            this.msBackingStorePixelRatio ||
-            this.oBackingStorePixelRatio ||
-            this.backingStorePixelRatio || 1;*/
+
+
+
+
+
+
             var backingStore = _this.backingStorePixelRatio ||
             _this.webkitBackingStorePixelRatio ||
             _this.mozBackingStorePixelRatio ||
@@ -70,7 +70,7 @@
             return function() {
                 var i, len,
                     args = Array.prototype.slice.call(arguments);
-                if (key == 'lineTo' || key == 'moveTo') { // PF
+                if (key == 'lineTo' || key == 'moveTo') { 
                     args = args.map(function(a) {
                         return a;
                     });
@@ -90,7 +90,7 @@
         })(prototype[key]);
     });
 
-    // Stroke lineWidth adjustment
+    
     prototype.stroke = (function(_super) {
         return function() {
             this.lineWidth *= getPixelRatio(this);
@@ -114,12 +114,12 @@
             var i = _super.apply(this, args);
 
             this.font = tmp;
-            /*this.font = this.font.replace(
-                /(\d+)(px|em|rem|pt)/g,
-                function(w, m, u) {
-                    return Math.floor(m / getPixelRatio()) + u;
-                }
-            );*/
+            
+
+
+
+
+
             return i;
         };
     })(prototype.measureText);
@@ -145,8 +145,8 @@
         return function() {
             var args = Array.prototype.slice.call(arguments);
 
-            args[1] *= getPixelRatio(this); // x
-            args[2] *= getPixelRatio(this); // y
+            args[1] *= getPixelRatio(this); 
+            args[2] *= getPixelRatio(this); 
             var tmp = this.font;
             var _this = this;
             this.font = this.font.replace(
@@ -158,12 +158,12 @@
 
             _super.apply(this, args);
             this.font = tmp;
-            /*this.font = this.font.replace(
-                /(\d+)(px|em|rem|pt)/g,
-                function(w, m, u) {
-                    return (m / getPixelRatio()) + u;
-                }
-            );*/
+            
+
+
+
+
+
         };
     })(prototype.strokeText);
 
@@ -185,17 +185,17 @@
     }
     prototype.getContext = (function(_super) {
         return function(type) {
-            //var backingStore, ratio;
+            
             context = _super.call(this, type);
 
             if (type === '2d') {
 
-                /*backingStore = context.backingStorePixelRatio ||
-                    context.webkitBackingStorePixelRatio ||
-                    context.mozBackingStorePixelRatio ||
-                    context.msBackingStorePixelRatio ||
-                    context.oBackingStorePixelRatio ||
-                    context.backingStorePixelRatio || 1;*/
+                
+
+
+
+
+
 
                 var ratio = getPixelRatio();
                 if (ratio > 1) {
@@ -220,7 +220,7 @@
 
 })(HTMLCanvasElement.prototype);
 
-// Millistream Chart
+
 function Milli_Chart(settings) {
     "use strict";
     var _this = this;
@@ -242,13 +242,13 @@ function Milli_Chart(settings) {
         compress: 1,
         curveOnTop: true,
         dateformat: 'd/m',
-        drawxaxis: true, // TODO: 0 no, 1 yes, 2 yeas with markers (3px lines)
+        drawxaxis: true, 
         drawyaxis: true,
         drawy2axis: false,
         enablezoom: true,
         fields: ['name', 'tradecurrency', 'time', 'date', 'tradeprice', 'tradequantity', 'marketopen', 'marketclose'],
         fillchart: false,
-        gridVerticalLines: true, // 0 off, 1 draw grid lines ,2 fillrect modulo 
+        gridVerticalLines: true, 
         gridVerticalLinesStyle: 'line',
         gridHorizontalLines: true,
         gridHorizontalLinesStyle: 'dash',
@@ -257,7 +257,7 @@ function Milli_Chart(settings) {
         instrument: null,
         intradayDatePos: { x: 'center', y: 'bottom', orientation: 'horizontal', dateformat: 'd mmm' },
         intradaylen: null,
-        messagetypes: 1030, // quote,trades and performance
+        messagetypes: 1030, 
         nochartlabel: 'No data to draw on',
         onreadyCallback: null,
         previousDayClose: true,
@@ -272,8 +272,8 @@ function Milli_Chart(settings) {
             display: 'block'
         },
         xAxisSpacing: 0,
-        yAxisSpacing: 4, // undocumented
-        xAxisModulo: 1 // undocumented
+        yAxisSpacing: 4, 
+        xAxisModulo: 1 
     };
     var m_startdate = null;
     var m_chartspaces = {
@@ -286,10 +286,10 @@ function Milli_Chart(settings) {
             height: 0
         }
     };
-    var m_dummyDiv = null; // dummy div For chartclasses 
+    var m_dummyDiv = null; 
     var m_canvas = null;
     var m_ctx = null;
-    var m_datapoints = []; // for mouseover
+    var m_datapoints = []; 
     var m_dataPoints = {
         arr: [],
         map: new Map()
@@ -378,7 +378,7 @@ function Milli_Chart(settings) {
     }
     var m_instrumentCss = [{
         color: '#E2507A',
-        //backgroundImage: 'linear-gradient(rgba(226, 80, 122, 0.6),rgba(226, 80, 122, 0))',
+        
         width: 1
     }, {
         color: '#ff0000',
@@ -427,10 +427,10 @@ function Milli_Chart(settings) {
     }
 
     function dateDiffInDays(a, b) {
-        // Discard the time and time-zone information.
+        
         const utc1 = Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
         const utc2 = Date.UTC(b.getFullYear(), b.getMonth(), b.getDate());
-        return Math.floor((utc2 - utc1) / 86400000); // ms per day
+        return Math.floor((utc2 - utc1) / 86400000); 
     }
 
     function findFirstWeekDay(date) {
@@ -444,7 +444,7 @@ function Milli_Chart(settings) {
     }
 
     function getFontSize(obj) {
-        //return parseInt(obj.fontSize) * window.devicePixelRatio;
+        
         return parseInt(obj.fontSize);
     }
 
@@ -613,7 +613,7 @@ function Milli_Chart(settings) {
             var quantity = 0;
 
             for (i = 0; i < data.length; i++) {
-                // only calc on visible data
+                
                 var price = data[i].price * _this.instruments[s].factor;
                 quantity = 0;
                 if (data[i].quantity !== 'undefined') {
@@ -631,7 +631,7 @@ function Milli_Chart(settings) {
                 }
 
                 if (_this.scaleinfoY.type != 'history' && (data[i].timestamp % 86400000 < _this.instruments[0].opentimestamp || data[i].timestamp % 86400000 > _this.instruments[0].closetimestamp)) {
-                    // stämmer detta kan det bli överlapp vid sommartid/vintertid?
+                    
                     continue;
                 }
 
@@ -658,7 +658,7 @@ function Milli_Chart(settings) {
                 if (_this.scaleinfoY.lowLowerChart == null || _this.scaleinfoY.lowLowerChart > quantity) _this.scaleinfoY.lowLowerChart = quantity;
                 if (_this.scaleinfoY.highLowerChart == null || _this.scaleinfoY.highLowerChart < quantity) _this.scaleinfoY.highLowerChart = quantity;
             }
-            if ((_this.settings.chartlen == '1d' || _this.settings.chartlen == '0d') && !m_zoom.mousedown.timestamp) { // if closeprice is used calch high/low on it
+            if ((_this.settings.chartlen == '1d' || _this.settings.chartlen == '0d') && !m_zoom.mousedown.timestamp) { 
                 var cp = parseFloat(_this.instruments[s].closeprice1d) * _this.instruments[s].factor;
                 if (_this.scaleinfoY.lowValue > cp) _this.scaleinfoY.lowValue = cp;
                 else
@@ -687,7 +687,7 @@ function Milli_Chart(settings) {
             _this.scaleinfoY.lowValue -= 1;
             _this.scaleinfoY.highValue += 1;
         }
-        // do we have any analyzis we need to take into account
+        
         for (i = 0; i < _this.settings.indicators.length; i++) {
             if (_this.scaleinfoY.type == 'history') data = _this.settings.indicators[i].history;
             else data = _this.settings.indicators[i].trades;
@@ -760,7 +760,7 @@ function Milli_Chart(settings) {
         var maxValue = _this.scaleinfoY.highLowerChart == 0 ? 100 : _this.scaleinfoY.highLowerChart + (tickSize * 0.2);
         var valuePerPixel = lineLength / maxValue;
         if (isNaN(valuePerPixel) || !isFinite(valuePerPixel)) {
-            console.log('cant draw valuePerPixel' + valuePerPixel, lineLength, maxValue);
+            () => {};
             return false;
         }
         var value = 0;
@@ -781,7 +781,7 @@ function Milli_Chart(settings) {
                     m_ctx.closePath();
                     m_ctx.restore();
                 } else
-                if (_this.settings.drawyaxis == true && markers == true) { // draw legenditem markers for price
+                if (_this.settings.drawyaxis == true && markers == true) { 
                     m_ctx.beginPath();
                     m_ctx.moveTo(m_chartspaces.lowerChart.left, y + 0.5);
                     m_ctx.lineTo(m_chartspaces.lowerChart.left + 3, y + 0.5);
@@ -793,7 +793,7 @@ function Milli_Chart(settings) {
                     var label = formatLargeNumber(value, 0, _this);
                     var textpos = x - 5;
                     if (m_yLegendCss.verticalAlign == 'top') {
-                        if (y - (getFontSize(m_yLegendCss)) > 0) // dont draw if cropped
+                        if (y - (getFontSize(m_yLegendCss)) > 0) 
                             m_ctx.fillText(label, textpos, y - ((getFontSize(m_yLegendCss) + 2)));
                     } else
                         m_ctx.fillText(label, textpos, y - (getFontSize(m_yLegendCss) / 2));
@@ -811,7 +811,7 @@ function Milli_Chart(settings) {
         m_ctx.fillStyle = m_yLegendCss.color;
         var lineLen = m_chartspaces.lowerChart.bottom - m_chartspaces.lowerChart.top;
         var numticks = lineLen / (getFontSize(m_yLegendCss) * 2);
-        if (numticks > 8) numticks = 8; // limit to 8 items on Y legend ( this is not an absolut count, since we calculate nice legend numbers
+        if (numticks > 8) numticks = 8; 
 
         m_ctx.beginPath();
         m_ctx.strokeStyle = m_gridVerticalCss.color;
@@ -825,13 +825,13 @@ function Milli_Chart(settings) {
     }
 
     function checkYLegendSpace(y, text) {
-        //if (y - (getFontSize(m_yLegendCss) / 2) - m_chartspaces.chart.top < 0) return false;
+        
         if (y - (getFontSize(m_yLegendCss)) - m_chartspaces.chart.top < 0) return false;
         if (y > m_chartspaces.chart.bottom) return false;
         return true;
     }
 
-    function drawY2Legend(x) { // percent
+    function drawY2Legend(x) { 
         if (_this.settings.absoluteScaling == true) {
             for (var s = 1; s < _this.instruments.length; s++) {
                 if (_this.instruments[s].insref != 0) return;
@@ -859,7 +859,7 @@ function Milli_Chart(settings) {
         var count = 0;
         for (;;) {
             if (count++ > 10) {
-                console.log('break out');
+                () => {};
                 break;
             }
             var v;
@@ -870,9 +870,9 @@ function Milli_Chart(settings) {
             var y = Math.round(m_chartspaces.chart.height - getScaledSetting(m_chartCss.marginBottom) - ((v - _this.scaleinfoY.minValue) * _this.scaleinfoY.valuePerPixel));
 
             if (y <= m_chartspaces.chart.top) break;
-            //if (y > m_chartspaces.chart.bottom) break;
+            
             if (y <= m_chartspaces.chart.bottom) {
-                if (_this.settings.drawy2axis == true) { // draw legenditem markers for diff
+                if (_this.settings.drawy2axis == true) { 
                     m_ctx.beginPath();
                     m_ctx.moveTo(x, y + 0.5);
                     if ((m_y2LegendCss.float == 'left' && m_y2LegendCss.textAlign == 'left') || (m_y2LegendCss.float == 'right' && m_y2LegendCss.textAlign == 'left')) {
@@ -905,7 +905,7 @@ function Milli_Chart(settings) {
         si.maxValue = si.highValue + (si.tickSize * 0.2);
         si.minValue = si.lowValue - (si.tickSize * 0.2);
         m_ctx.font = m_yLegendCss.fontWeight + ' ' + m_yLegendCss.fontSize + ' ' + m_yLegendCss.fontFamily;
-        if (si.highValue == si.lowValue) { // only have one value so set values for 1 line only
+        if (si.highValue == si.lowValue) { 
             si.maxValue = si.maxValue + si.tickSize;
             si.minValue = si.minValue - si.tickSize;
             value = Math.abs(si.lowValue);
@@ -917,14 +917,14 @@ function Milli_Chart(settings) {
         }
         si.valuePerPixel = si.lineLength / (si.maxValue - si.minValue);
         if (isNaN(si.valuePerPixel) || !isFinite(si.valuePerPixel)) {
-            console.log('cant draw valuePerPixel', si.valuePerPixel, si.lineLength, si.maxValue, si.minValue);
+            () => {};
             return false;
         }
         var textpos;
         var count = 0;
         for (;;) {
             if (count++ > 10) {
-                console.log('failsafe break');
+                () => {};
                 break;
             }
             var y = Math.round(m_chartspaces.chart.height - getScaledSetting(m_chartCss.marginBottom) - ((value - si.minValue) * si.valuePerPixel));
@@ -948,7 +948,7 @@ function Milli_Chart(settings) {
                     }
 
                 } else
-                if (_this.settings.drawyaxis == true && number == 1 && draw) { // draw legenditem markers for price
+                if (_this.settings.drawyaxis == true && number == 1 && draw) { 
                     if (!draw) return;
                     m_ctx.beginPath();
                     m_ctx.moveTo(m_chartspaces.chart.left, y + 0.5);
@@ -986,35 +986,35 @@ function Milli_Chart(settings) {
         m_ctx.fillStyle = m_yLegendCss.color;
         if (0 == calcHighLow()) {
             m_ctx.restore();
-            console.log('fail highlow');
+            () => {};
             return;
         }
         _this.scaleinfoY.lineLength = m_chartspaces.chart.bottom - m_chartspaces.chart.top;
         _this.scaleinfoY2.lineLength = _this.scaleinfoY.lineLength;
-        //var numticks = (_this.scaleinfoY.lineLength / window.devicePixelRatio) / (getFontSize(m_yLegendCss) * _this.settings.yAxisSpacing);
+        
         var numticks = _this.scaleinfoY.lineLength / (getFontSize(m_yLegendCss) * _this.settings.yAxisSpacing);
-        if (numticks > 8) numticks = 8; // limit to 8 items on Y legend ( this is not an absolut count, since we calculate nice legend numbers
+        if (numticks > 8) numticks = 8; 
         _this.scaleinfoY.tickSize = getTickValue(_this.scaleinfoY.lowValue, _this.scaleinfoY.highValue, numticks);
-        _this.scaleinfoY.decimals = _this.scaleinfoY.tickSize.countDecimals(); // räkna på diffen mellan high low kanske?
+        _this.scaleinfoY.decimals = _this.scaleinfoY.tickSize.countDecimals(); 
         _this.scaleinfoY.decimals = _this.scaleinfoY.decimals > 4 ? 4 : _this.scaleinfoY.decimals;
         _this.scaleinfoY.decimals = _this.scaleinfoY.decimals < 2 ? 2 : _this.scaleinfoY.decimals;
         var label = formatNiceNumber(_this.scaleinfoY.highValue, _this.settings.thousandseparator, _this.settings.decimalseparator, _this.scaleinfoY.decimals);
         if (_this.settings.drawyaxis) {
             if (m_yLegendCss.float != 'right') {
-                m_chartspaces.chart.left = 10 + Math.round(m_ctx.measureText(label).width); // + 'px'; // räkna fram hur hur mycket plats Y värdena tar och sätt margin till det, skall vi göra så?
+                m_chartspaces.chart.left = 10 + Math.round(m_ctx.measureText(label).width); 
                 m_chartspaces.lowerChart.left = m_chartspaces.chart.left;
             } else {
                 if (m_yLegendCss.textAlign == 'right') {
-                    m_chartspaces.chart.right = m_canvas.width - (10 + Math.round(m_ctx.measureText(label).width)); // + 'px'; // räkna fram hur hur mycket plats Y värdena tar och sätt margin till det, skall vi göra så?
+                    m_chartspaces.chart.right = m_canvas.width - (10 + Math.round(m_ctx.measureText(label).width)); 
                     m_chartspaces.lowerChart.right = m_chartspaces.chart.right;
                 }
             }
         }
-        if (_this.settings.drawy2axis) { // calc space for y2
-            //var numticks = _this.scaleinfoY2.lineLength / (getFontSize(m_yLegendCss) * _this.settings.yAxisSpacing);
+        if (_this.settings.drawy2axis) { 
+            
             _this.scaleinfoY2.tickSize = getTickValue(_this.scaleinfoY2.lowValue, _this.scaleinfoY2.highValue, numticks);
 
-            _this.scaleinfoY2.decimals = _this.scaleinfoY2.tickSize.countDecimals(); // räkna på diffen mellan high low kanske?
+            _this.scaleinfoY2.decimals = _this.scaleinfoY2.tickSize.countDecimals(); 
             _this.scaleinfoY2.decimals = _this.scaleinfoY2.decimals > 4 ? 4 : _this.scaleinfoY2.decimals;
             _this.scaleinfoY2.decimals = _this.scaleinfoY2.decimals < 0 ? 0 : _this.scaleinfoY2.decimals;
 
@@ -1022,12 +1022,12 @@ function Milli_Chart(settings) {
             label = formatNiceNumber(widestDiff, _this.settings.thousandseparator, _this.settings.decimalseparator, _this.scaleinfoY2.decimals) + ' %';
             if (m_y2LegendCss.float != 'right') {
                 if (m_y2LegendCss.textAlign == 'left')
-                    m_chartspaces.chart.left = 10 + Math.round(m_ctx.measureText(label).width); // + 'px'; // räkna fram hur hur mycket plats Y värdena tar och sätt margin till det, skall vi göra så?
+                    m_chartspaces.chart.left = 10 + Math.round(m_ctx.measureText(label).width); 
                 m_chartspaces.lowerChart.left = m_chartspaces.chart.left;
             } else {
-                // kolla setting om den skall vara "i diagrammet"
+                
                 if (m_y2LegendCss.textAlign == 'right')
-                    m_chartspaces.chart.right = m_canvas.width - (10 + Math.round(m_ctx.measureText(label).width)); // + 'px'; // räkna fram hur hur mycket plats Y värdena tar och sätt margin till det, skall vi göra så?
+                    m_chartspaces.chart.right = m_canvas.width - (10 + Math.round(m_ctx.measureText(label).width)); 
                 m_chartspaces.lowerChart.right = m_chartspaces.chart.right;
             }
         }
@@ -1075,7 +1075,7 @@ function Milli_Chart(settings) {
     }
 
     function drawXAxisGridlines(p, newday) {
-        // draws the vertical grid or dots
+        
         m_ctx.save();
         m_ctx.strokeStyle = m_gridVerticalCss.color;
         if (_this.settings.gridVerticalLines) {
@@ -1098,7 +1098,7 @@ function Milli_Chart(settings) {
                 m_ctx.closePath();
             }
         } else
-        if (_this.settings.drawxaxis != 0) { // if no grid but drawxaxis , add markers for date/time
+        if (_this.settings.drawxaxis != 0) { 
             m_ctx.beginPath();
             m_ctx.moveTo(p.x + 0.5, p.y);
             m_ctx.lineTo(p.x + 0.5, p.y + 3);
@@ -1109,13 +1109,13 @@ function Milli_Chart(settings) {
     }
 
     function calcXScale(starttime, endtime) {
-        // vad är detta?
+        
         _this.scaleinfoX.startDate = new Date(starttime);
         _this.scaleinfoX.endDate = new Date(endtime);
         _this.scaleinfoX.days = getNumberOfDays(starttime, endtime);
         _this.scaleinfoX.lineLength = m_chartspaces.chart.right - m_chartspaces.chart.left;
-        var datesize = new Date('2888-12-28'); // bredaste datum jag kan komma på
-        _this.scaleinfoX.itemwidth = getStringWidth(m_ctx, formatDate(datesize, _this.settings.dateformat, _this)) * 2; // kolla rätt format en 8a för varje tecken
+        var datesize = new Date('2888-12-28'); 
+        _this.scaleinfoX.itemwidth = getStringWidth(m_ctx, formatDate(datesize, _this.settings.dateformat, _this)) * 2; 
 
         var maxLegendItems = _this.scaleinfoX.lineLength / (_this.scaleinfoX.itemwidth * 2);
 
@@ -1137,7 +1137,7 @@ function Milli_Chart(settings) {
             var tmp = 60;
             while (tmp < x) {
                 tmp += 60;
-                if (x - tmp < 20) break; // if less than 20 mins to next hour breakout
+                if (x - tmp < 20) break; 
             }
             _this.scaleinfoX.ticksize = tmp * 60000;
         }
@@ -1145,22 +1145,22 @@ function Milli_Chart(settings) {
     }
 
     function getXPosition(timestamp) {
-        var offset = (timestamp.getTime() - _this.scaleinfoX.startDate.getTime()) / (86400000 * 7); // veckor
+        var offset = (timestamp.getTime() - _this.scaleinfoX.startDate.getTime()) / (86400000 * 7); 
         offset = offset * 86400000 * 2 / _this.scaleinfoX.timePerPixel;
         return Math.round(m_chartspaces.chart.left + ((timestamp.getTime() - _this.scaleinfoX.startDate.getTime()) / _this.scaleinfoX.timePerPixel) - offset);
     }
 
     function checkXLegendSides(x, text) {
-        // right
+        
         if (_this.scaleinfoX.lineLength + m_chartspaces.chart.left < x + (m_ctx.measureText(text).width / 2)) return false;
-        // left
+        
         if (m_chartspaces.chart.left > x - (m_ctx.measureText(text).width / 2)) return false;
         return true;
 
     }
 
     function drawXAxisYears(starttime, endtime) {
-        if (getNumberOfDays(starttime, endtime) < 250) return drawXAxisMonth(starttime, endtime); // exchange days
+        if (getNumberOfDays(starttime, endtime) < 250) return drawXAxisMonth(starttime, endtime); 
         m_ctx.save();
         m_ctx.font = m_xLegendCss.fontWeight + ' ' + m_xLegendCss.fontSize + ' ' + m_xLegendCss.fontFamily;
         m_ctx.strokeStyle = m_gridHorizontalCss.color;
@@ -1176,7 +1176,7 @@ function Milli_Chart(settings) {
         }
         m_ctx.strokeStyle = m_gridVerticalCss.color;
         var legendItems = [];
-        // draw Years
+        
         var year = _this.scaleinfoX.startDate.getFullYear() + 1;
         var numItems = 0,
             x, draw, i, text;
@@ -1193,7 +1193,7 @@ function Milli_Chart(settings) {
                 text = year;
                 if (checkXLegendSides(x, text)) {
                     if (_this.settings.yearLabelsPos == 'top') {
-                        m_ctx.save(); // flip and write new years on top
+                        m_ctx.save(); 
                         var fontMetrix = m_ctx.measureText(text);
                         x = x + fontMetrix.actualBoundingBoxAscent + fontMetrix.actualBoundingBoxDescent + 2;
                         var y = m_chartspaces.chart.top;
@@ -1210,14 +1210,14 @@ function Milli_Chart(settings) {
             }
             year++;
         }
-        if (numItems * m_ctx.measureText('8888').width / _this.scaleinfoX.lineLength > 0.3) numItems = 11; // keep it clean
-        // draw  half year
-        if (numItems < 10) { // max 10 items här för att skriva halvår
+        if (numItems * m_ctx.measureText('8888').width / _this.scaleinfoX.lineLength > 0.3) numItems = 11; 
+        
+        if (numItems < 10) { 
             year = new Date(_this.scaleinfoX.startDate.getFullYear() + '-07-01T00:00:00Z');
             if (year.getTime() < _this.scaleinfoX.startDate.getTime())
                 year = new Date(_this.scaleinfoX.startDate.getFullYear() + 1 + '-07-01T00:00:00Z');
             while (year < _this.scaleinfoX.endDate) {
-                x = getXPosition(new Date(year.getFullYear() + '-07-01T00:00:00Z')); // 7
+                x = getXPosition(new Date(year.getFullYear() + '-07-01T00:00:00Z')); 
                 draw = true;
                 for (i = 0; i < legendItems.length; i++) {
                     if (Math.abs(legendItems[i].x - x) < getMaxDateWidth()) {
@@ -1236,13 +1236,13 @@ function Milli_Chart(settings) {
                 year = new Date((year.getFullYear() + 1) + '-07-01T00:00:00Z');
             }
         }
-        // draw Quarter
-        if (numItems * m_ctx.measureText('8888').width / _this.scaleinfoX.lineLength > 0.3) numItems = 11; // keep it clean
-        if (numItems < 10) { // max 10 items här för att skriva kvartal
+        
+        if (numItems * m_ctx.measureText('8888').width / _this.scaleinfoX.lineLength > 0.3) numItems = 11; 
+        if (numItems < 10) { 
             year = new Date(_this.scaleinfoX.startDate.getFullYear() + '-04-01T00:00:00Z');
             if (year.getTime() < _this.scaleinfoX.startDate.getTime())
                 year = new Date(_this.scaleinfoX.startDate.getFullYear() + 1 + '-04-01T00:00:00Z');
-            var dontPrint = false; // if no space for first quarter dont print second either
+            var dontPrint = false; 
             while (year < _this.scaleinfoX.endDate) {
                 x = getXPosition(new Date(year.getFullYear() + '-04-01T00:00:00Z'));
                 draw = true;
@@ -1263,7 +1263,7 @@ function Milli_Chart(settings) {
                 legendItems.push({ 'text': text, timestamp: new Date(year + '-04-01T00:00:00Z'), 'x': x });
                 year = new Date((year.getFullYear() + 1) + '-04-01T00:00:00Z');
             }
-            // Draw Quarter 2
+            
             if (dontPrint == false) {
                 year = new Date(_this.scaleinfoX.startDate.getFullYear() + '-10-01T00:00:00Z');
                 if (year.getTime() < _this.scaleinfoX.startDate.getTime())
@@ -1300,7 +1300,7 @@ function Milli_Chart(settings) {
         m_ctx.strokeStyle = m_gridHorizontalCss.color;
         m_ctx.fillStyle = m_xLegendCss.color;
         calcXScale(starttime, endtime);
-        if (_this.settings.drawxaxis != 0) { // draw line
+        if (_this.settings.drawxaxis != 0) { 
             m_ctx.beginPath();
             m_ctx.moveTo(m_chartspaces.chart.left, m_chartspaces.chart.height - getScaledSetting(m_chartCss.marginBottom) + 0.5);
             m_ctx.lineTo(m_chartspaces.chart.right, m_chartspaces.chart.height - getScaledSetting(m_chartCss.marginBottom) + 0.5);
@@ -1315,14 +1315,14 @@ function Milli_Chart(settings) {
         var draw = true;
         var offset = 0;
         var count = 0;
-        while (currentDate.getTime() < _this.scaleinfoX.endTimeStamp) { // oklart om det skall vara så här 2021-06-01
+        while (currentDate.getTime() < _this.scaleinfoX.endTimeStamp) { 
             draw = true;
-            while (currentDate.getDay() == 0 || currentDate.getDay() == 6) { // move past weekends , maybe skip this if date is available in data
+            while (currentDate.getDay() == 0 || currentDate.getDay() == 6) { 
                 currentDate = new Date(currentDate.getTime() + 86400000);
                 offset += 86400000 / _this.scaleinfoX.timePerPixel;
             }
             x = Math.round(m_chartspaces.chart.left + ((currentDate.getTime() - _this.scaleinfoX.startDate.getTime()) / _this.scaleinfoX.timePerPixel) - offset);
-            if (lastx == 0 && m_chartspaces.chart.left > (x - (getMaxDateWidth() / 2))) { // do not print left of y legend
+            if (lastx == 0 && m_chartspaces.chart.left > (x - (getMaxDateWidth() / 2))) { 
                 currentDate = new Date(currentDate.getTime() + 86400000);
                 continue;
             }
@@ -1340,7 +1340,7 @@ function Milli_Chart(settings) {
             }
             currentDate = new Date(currentDate.getTime() + 86400000);
         }
-        // vad är detta?
+        
         if (typeof m_chartCss.boxShadow !== 'undefined' && typeof m_chartCss.boxShadow.rightWidth !== 'undefined') {
             if (m_chartCss.boxShadow.rightWidth == 0) drawXAxisGridlines({ 'x': x, y: m_chartspaces.chart.bottom }, false);
         } else {
@@ -1352,9 +1352,9 @@ function Milli_Chart(settings) {
     function calcXScaleTick(starttime, endtime) {
         _this.scaleinfoX.startDate = new Date(starttime);
         _this.scaleinfoX.endDate = new Date(endtime);
-        _this.scaleinfoX.days = getNumberOfDays(starttime, endtime); // kan vi nog skita i
-        _this.scaleinfoX.lineLength = m_chartspaces.chart.right - m_chartspaces.chart.left; // daybreaks can have 88/88
-        _this.scaleinfoX.itemwidth = getStringWidth(m_ctx, '88:88') * 2; // kolla rätt format en 8a för varje tecken
+        _this.scaleinfoX.days = getNumberOfDays(starttime, endtime); 
+        _this.scaleinfoX.lineLength = m_chartspaces.chart.right - m_chartspaces.chart.left; 
+        _this.scaleinfoX.itemwidth = getStringWidth(m_ctx, '88:88') * 2; 
         var maxLegendItems = Math.floor(_this.scaleinfoX.lineLength / (_this.scaleinfoX.itemwidth * 2));
 
         if (_this.scaleinfoY.type != 'history') {
@@ -1391,28 +1391,28 @@ function Milli_Chart(settings) {
 
             var factor = 60;
             if (numticks < 1)
-                _this.scaleinfoX.ticksize = 86400000; // öhh?
+                _this.scaleinfoX.ticksize = 86400000; 
             else {
                 if (numticks < 2) numticks = 2;
                 x = _this.scaleinfoX.milliPerDay / numticks / 60000;
-                if (totalmilli > 4 * 3600000) factor = 60; // 4 timmar
+                if (totalmilli > 4 * 3600000) factor = 60; 
                 else
-                if (totalmilli > 2 * 3600000) factor = 30; // 2 timmar
+                if (totalmilli > 2 * 3600000) factor = 30; 
                 else
-                if (totalmilli > 3600000) factor = 20; // 1 timma
+                if (totalmilli > 3600000) factor = 20; 
                 else
-                if (totalmilli > 3600000 / 2) factor = 10; // 30 min
+                if (totalmilli > 3600000 / 2) factor = 10; 
                 else
-                if (totalmilli > 3600000 / 4) factor = 5; // 15 min
+                if (totalmilli > 3600000 / 4) factor = 5; 
                 else factor = 1;
-                _this.scaleinfoX.ticksize = factor * 60000; // time to add to next legenditem
+                _this.scaleinfoX.ticksize = factor * 60000; 
             }
             return;
         }
     }
 
     function formatChartTime(value, format) {
-        // internal
+        
         if (typeof value !== 'string') return "";
         var datetime = new Date();
         datetime.setHours(parseInt(value));
@@ -1471,7 +1471,7 @@ function Milli_Chart(settings) {
         m_ctx.fillStyle = m_xLegendCss.color;
         m_ctx.textAlign = "left";
         calcXScaleTick(starttime, endtime);
-        if (_this.settings.drawxaxis != 0) { // draw line for legend
+        if (_this.settings.drawxaxis != 0) { 
             m_ctx.beginPath();
             m_ctx.moveTo(m_chartspaces.chart.left, m_chartspaces.chart.bottom + 0.5);
             m_ctx.lineTo(m_chartspaces.chart.right, m_chartspaces.chart.bottom + 0.5);
@@ -1488,20 +1488,20 @@ function Milli_Chart(settings) {
         var legendItems = [];
         var openhour = new Date(new Date(currentDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketopen + 'Z')).getTime() % 86400000;
         var closehour = new Date(new Date(currentDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z')).getTime() % 86400000;
-        // add daysstarts
+        
         var middleOfDay = new Date(currentDate.getTime() - (currentDate.getTime() % 86400000) + ((openhour + closehour) / 2));
         if (_this.settings.intradayDatePos.x == 'left' && (_this.settings.intradayDatePos.y == 'scale' || _this.settings.intradayDatePos.y == 'top')) {
             middleOfDay = new Date(currentDate.getTime());
         }
-        if (currentDate.getTime() % 3600000 != 0) // if not full hour, move up to next full hour
-            currentDate = new Date(currentDate.getTime() - currentDate.getTime() % 3600000 + 3600000); // START om full hour (if modulo == 0 then + 3600000 kanske)
+        if (currentDate.getTime() % 3600000 != 0) 
+            currentDate = new Date(currentDate.getTime() - currentDate.getTime() % 3600000 + 3600000); 
 
         var firstDate = new Date(currentDate);
         var days = calcTimeSpanInDays(starttime, endtime);
         if (m_zoom.mouseup.timestamp == null || (m_zoom.mouseup.timestamp != null && days > 1)) {
             while (currentDate.getTime() < _this.scaleinfoX.endTimeStamp) {
                 draw = true;
-                while (currentDate.getDay() == 0 || currentDate.getDay() == 6) { // move past weekends , maybe skip this if date is available in data
+                while (currentDate.getDay() == 0 || currentDate.getDay() == 6) { 
                     currentDate = new Date(currentDate.getTime() + 86400000);
                     if (_this.settings.intradayDatePos.x == 'left' && (_this.settings.intradayDatePos.y == 'scale' || _this.settings.intradayDatePos.y == 'top')) {
                         middleOfDay = new Date(currentDate.getTime());
@@ -1520,14 +1520,14 @@ function Milli_Chart(settings) {
                     lastx = x + 0.5;
                     var text = formatChartTime(currentDate.toTimeString().substring(0, 8), _this.settings.timeformat);
                     var date = formatDate(currentDate, _this.settings.intradayDatePos.dateformat, _this);
-                    if (_this.scaleinfoX.lineLength + m_chartspaces.chart.left > x - getMaxTimeWidth()) { // not to far right?
+                    if (_this.scaleinfoX.lineLength + m_chartspaces.chart.left > x - getMaxTimeWidth()) { 
                         if (_this.settings.intradayDatePos.y == 'scale' && _this.settings.chartlen != '0d' && _this.settings.chartlen != '1d') {
-                            // draw date on under time, todo fix setting name
+                            
                             m_ctx.fillText(date, middleX - (m_ctx.measureText(date).width / 2), m_chartspaces.chart.bottom + getScaledSetting(m_xLegendCss.paddingTop));
                             legendItems.push({ x: middleX, type: 0, text: date, width: m_ctx.measureText(date) });
                         } else if (_this.settings.intradayDatePos.y == 'bottom' && _this.settings.chartlen != '0d' && _this.settings.chartlen != '1d') {
                             m_ctx.fillText(date, middleX - (m_ctx.measureText(date).width / 2), m_chartspaces.chart.bottom + getScaledSetting(m_xLegendCss.paddingTop) + parseInt(m_xLegendCss.fontSize) * window.devicePixelRatio);
-                            // VA FAN DETTA KAN INTE VA RÄTT?
+                            
                             m_ctx.fillText(text, x - (m_ctx.measureText(text).width / 2), m_chartspaces.chart.bottom + getScaledSetting(m_xLegendCss.paddingTop));
                             legendItems.push({ x: x, type: 0, text: text });
                         } else {
@@ -1547,7 +1547,7 @@ function Milli_Chart(settings) {
                                     if (_this.settings.intradayDatePos.x == 'center') {
                                         m_ctx.fillText(date, middleX - (m_ctx.measureText(date).width / 2), getScaledSetting(m_chartCss.marginTop));
                                     } else {
-                                        //m_ctx.fillText(date, x - (m_ctx.measureText(date).width / 2), getScaledSetting(m_chartCss.marginTop));
+                                        
                                         m_ctx.fillText(date, middleX + 1, getScaledSetting(m_chartCss.marginTop));
                                     }
                                 }
@@ -1555,17 +1555,17 @@ function Milli_Chart(settings) {
                             }
                         }
                     }
-                    if (x != m_chartspaces.chart.left + 0.5) { // do not draw the first line, it is already drawn
+                    if (x != m_chartspaces.chart.left + 0.5) { 
                         if (_this.settings.intradayDatePos.y != 'bottom') {
                             if (openhour == currentDate.getTime() % 86400000) {
-                                drawXAxisGridlines({ 'x': x, y: m_chartspaces.chart.bottom }, true); // dash?
+                                drawXAxisGridlines({ 'x': x, y: m_chartspaces.chart.bottom }, true); 
                             } else {
-                                drawXAxisGridlines({ 'x': x, y: m_chartspaces.chart.bottom }, false); // dash?
+                                drawXAxisGridlines({ 'x': x, y: m_chartspaces.chart.bottom }, false); 
                             }
                         }
                     }
                 }
-                // Move to next day and set starting hour correct if we have open at half hour
+                
                 currentDate = new Date(currentDate.getTime() + 86400000);
                 currentDate = new Date(currentDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketopen + 'Z');
                 middleOfDay = new Date(currentDate.getTime() - (currentDate.getTime() % 86400000) + ((openhour + closehour) / 2));
@@ -1573,23 +1573,23 @@ function Milli_Chart(settings) {
                     middleOfDay = new Date(currentDate);
                 }
 
-                if (currentDate.getTime() % 3600000 != 0) // if not full hour, move up to next full hour
-                    currentDate = new Date(currentDate.getTime() - currentDate.getTime() % 3600000 + 3600000); // START om full hour (if modulo == 0 then + 3600000 kanske)
-                //}
+                if (currentDate.getTime() % 3600000 != 0) 
+                    currentDate = new Date(currentDate.getTime() - currentDate.getTime() % 3600000 + 3600000); 
+                
                 offset += (86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel;
             }
         }
-        // add timestamps
+        
         currentDate = new Date(starttime);
-        if (currentDate.getTime() % 3600000 != 0) // if not full hour, move up to next full hour
-            currentDate = new Date(currentDate.getTime() - currentDate.getTime() % 3600000 + 3600000); // START om full hour (if modulo == 0 then + 3600000 kanske)
+        if (currentDate.getTime() % 3600000 != 0) 
+            currentDate = new Date(currentDate.getTime() - currentDate.getTime() % 3600000 + 3600000); 
 
         var maxHourLegends;
         if (legendItems.length == 0)
-            maxHourLegends = Math.floor((_this.scaleinfoX.lineLength - m_chartspaces.chart.left - getMaxTimeWidth()) / (getMaxTimeWidth() * 3)); // varför tar vi bort margin???
+            maxHourLegends = Math.floor((_this.scaleinfoX.lineLength - m_chartspaces.chart.left - getMaxTimeWidth()) / (getMaxTimeWidth() * 3)); 
         else if (legendItems.length == 1) {
             if (m_zoom.mouseup.timestamp && days == 2) {
-                // ta den största delen av linjen och mät på
+                
                 if (_this.scaleinfoX.lineLength / 2 < legendItems[0].x + m_chartspaces.chart.left)
                     maxHourLegends = Math.floor((_this.scaleinfoX.lineLength - (_this.scaleinfoX.lineLength - legendItems[0].x) - getMaxTimeWidth()) / (getMaxTimeWidth() * 3));
                 else
@@ -1597,15 +1597,15 @@ function Milli_Chart(settings) {
             } else
                 maxHourLegends = Math.floor((_this.scaleinfoX.lineLength - legendItems[0].x - getMaxTimeWidth()) / (getMaxTimeWidth() * 3));
         } else {
-            maxHourLegends = Math.floor((legendItems[legendItems.length - 1].x - legendItems[legendItems.length - 2].x - getMaxTimeWidth()) / (getMaxTimeWidth() * 3)); // calculate with the last days length
+            maxHourLegends = Math.floor((legendItems[legendItems.length - 1].x - legendItems[legendItems.length - 2].x - getMaxTimeWidth()) / (getMaxTimeWidth() * 3)); 
         }
 
-        var tickSize; // per day
+        var tickSize; 
         if (days == 1) {
-            // use start and endtime as ticksize
+            
             tickSize = new Date(endtime - starttime);
-        } else if (m_zoom.mouseup.timestamp && days == 2) { // zoom with 2 days
-            // use the day with most time as tickSize
+        } else if (m_zoom.mouseup.timestamp && days == 2) { 
+            
             var tmpDate = new Date(starttime);
             tickSize = new Date(new Date(tmpDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z') - new Date(starttime)).getTime();
             var firstDay = tickSize;
@@ -1614,13 +1614,13 @@ function Milli_Chart(settings) {
             tickSize += new Date(endtime - new Date(tmpDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketopen + 'Z').getTime()).getTime();
             tickSize = new Date(Math.max(firstDay, secondDay));
         } else {
-            // use full day as tickSize
+            
             tickSize = new Date(new Date(currentDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z') - new Date(currentDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketopen + 'Z'));
         }
         var interval;
         var modularvalue = 3600000;
 
-        // calc the ticksize to add to time(interval) when drawing and the modulu value
+        
         if (tickSize.getTime() < 1800000) {
             tickSize = tickSize.getTime() / 60000;
             interval = Math.floor(tickSize / (maxHourLegends + 1)) * 60000;
@@ -1639,14 +1639,14 @@ function Milli_Chart(settings) {
             interval = Math.floor(tickSize / (maxHourLegends + 1)) * 3600000;
         }
         if (interval == 0) {
-            // default 1h
+            
             interval = 3600000;
             modularvalue = 3600000;
         }
         if (interval % 60000 != 0) {
-            interval = (interval - interval % 60000) + 60000; // remove sekunder
+            interval = (interval - interval % 60000) + 60000; 
         }
-        // print other times
+        
         offset = 0;
         lastx = 0;
         var closeTime = new Date(currentDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z');
@@ -1655,38 +1655,38 @@ function Milli_Chart(settings) {
 
         var workDate = new Date(currentDate);
         currentDate = new Date(starttime);
-        if (currentDate.getTime() % modularvalue != 0) // if not full hour, move up to next full hour
-            currentDate = new Date(currentDate.getTime() - currentDate.getTime() % modularvalue + modularvalue); // START om full hour (if modulo == 0 then + 3600000 kanske)
+        if (currentDate.getTime() % modularvalue != 0) 
+            currentDate = new Date(currentDate.getTime() - currentDate.getTime() % modularvalue + modularvalue); 
 
         var count = 0;
         while (currentDate.getTime() <= _this.scaleinfoX.endTimeStamp) {
             dayLightChange = (closeTime.getTimezoneOffset() - new Date().getTimezoneOffset()) * 60000;
             if (count++ > 100) {
-                break; // just make sure we dont do an infinity loop
+                break; 
 
             }
             draw = true;
-            while (currentDate.getDay() == 0 || currentDate.getDay() == 6) { // move past weekends , maybe skip this if date is available in data
-                //closeTime = new Date(closeTime.getTime() + 86400000);
+            while (currentDate.getDay() == 0 || currentDate.getDay() == 6) { 
+                
                 currentDate = new Date(currentDate.getTime() + 86400000);
                 closeTime = new Date(currentDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z');
-                if (currentDate.getTime() % modularvalue != 0) // if not full hour, move up to next full hour
-                    currentDate = new Date(currentDate.getTime() - currentDate.getTime() % modularvalue + modularvalue); // START om full hour (if modulo == 0 then + 3600000 kanske)
+                if (currentDate.getTime() % modularvalue != 0) 
+                    currentDate = new Date(currentDate.getTime() - currentDate.getTime() % modularvalue + modularvalue); 
                 workDate = new Date(workDate.getTime() + 86400000);
                 offset += 86400000 / _this.scaleinfoX.timePerPixel;
             }
             if (currentDate.getTime() > closeTime.getTime()) {
-                // draw DayEnd(start) dash line
+                
                 var dayStart = new Date(workDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z');
                 x = Math.round(m_chartspaces.chart.left + ((dayStart.getTime() - _this.scaleinfoX.startDate.getTime()) / _this.scaleinfoX.timePerPixel) - offset);
-                drawXAxisGridlines({ 'x': x, y: m_chartspaces.chart.bottom }, true); // dash?
+                drawXAxisGridlines({ 'x': x, y: m_chartspaces.chart.bottom }, true); 
 
                 closeTime = new Date(closeTime.getTime() + 86400000);
                 workDate = new Date(workDate.getTime() + 86400000);
                 currentDate = new Date(workDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketopen + 'Z');
 
-                if (currentDate.getTime() % modularvalue != 0) // if not full hour, move up to next full hour
-                    currentDate = new Date(currentDate.getTime() - currentDate.getTime() % modularvalue + modularvalue); // START om full hour (if modulo == 0 then + 3600000 kanske)
+                if (currentDate.getTime() % modularvalue != 0) 
+                    currentDate = new Date(currentDate.getTime() - currentDate.getTime() % modularvalue + modularvalue); 
                 offset += (86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel;
                 continue;
             }
@@ -1706,12 +1706,12 @@ function Milli_Chart(settings) {
                 }
             }
             if (lastx + (getMaxTimeWidth() / 2) > (x - getMaxTimeWidth())) {
-                //draw = false;
+                
             }
             if (draw) {
                 lastx = x;
-                // if day change and setting print on top as well
-                if (_this.scaleinfoX.lineLength + m_chartspaces.chart.left > x - getMaxTimeWidth()) { // not to far right?
+                
+                if (_this.scaleinfoX.lineLength + m_chartspaces.chart.left > x - getMaxTimeWidth()) { 
                     var label = formatChartTime(currentDate.toTimeString().substring(0, 8), _this.settings.timeformat);
                     x = Math.round(x);
                     m_ctx.fillText(label, x - (m_ctx.measureText(label).width / 2), m_chartspaces.chart.bottom + getScaledSetting(m_xLegendCss.paddingTop));
@@ -1722,7 +1722,7 @@ function Milli_Chart(settings) {
             currentDate = new Date(currentDate.getTime() + interval);
         }
 
-        // vad är detta?
+        
         if (typeof m_chartCss.boxShadow !== 'undefined' && typeof m_chartCss.boxShadow.rightWidth !== 'undefined') {
             if (m_chartCss.boxShadow.rightWidth == 0) drawXAxisGridlines({ 'x': x, y: m_chartspaces.chart.bottom }, false);
 
@@ -1771,7 +1771,7 @@ function Milli_Chart(settings) {
             m_priceIndicator.setAttribute('class', 'millistream-chart-price-indicator');
         }
         m_priceIndicator.innerHTML = newValue;
-        m_priceIndicator.style.left = (m_chartspaces.chart.right / window.devicePixelRatio) - (offsetWidth == 0 ? -1 : m_priceIndicator.offsetWidth) + 'px'; // offsetWidth with devicePixelRatio???
+        m_priceIndicator.style.left = (m_chartspaces.chart.right / window.devicePixelRatio) - (offsetWidth == 0 ? -1 : m_priceIndicator.offsetWidth) + 'px'; 
         m_priceIndicator.style.top = obj.instruments[0].y - (m_priceIndicator.offsetHeight / 2) + 'px';
         newValue = MillistreamWidgetApi_getElementNumber(_this, m_priceIndicator);
         MillistreamWidgetApi_flashElement(_this, m_priceIndicator, newValue, oldValue);
@@ -1858,13 +1858,13 @@ function Milli_Chart(settings) {
                 instr.data.price = formatNiceNumber(instr.data.price, _this.settings.thousandseparator, _this.settings.decimalseparator, _this.settings.num_decimals, false);
 
                 if (typeof _this.instruments[x].toolTip === 'undefined') {
-                    // add textdiv
+                    
                     _this.instruments[x].toolTip = document.createElement('div');
                     _this.instruments[x].toolTip.style.display = _this.settings.tooltip.display;
-                    _this.instruments[x].toolTip.setAttribute('class', 'millistream-chart-tooltip'); // set class so we can measure it might change below depending on position
+                    _this.instruments[x].toolTip.setAttribute('class', 'millistream-chart-tooltip'); 
                     _this.instruments[x].toolTip.position = 'absolute';
                     m_canvas.parentNode.appendChild(_this.instruments[x].toolTip);
-                    // add pointer div
+                    
                     _this.instruments[x].toolTipPointer = document.createElement('div');
                     m_canvas.parentNode.appendChild(_this.instruments[x].toolTipPointer);
                     _this.instruments[x].toolTipPointer.setAttribute('class', 'millistream-chart-pointer');
@@ -1879,16 +1879,16 @@ function Milli_Chart(settings) {
                 var pointerWidth = _this.instruments[x].toolTipPointer.offsetWidth + parseInt(pointerStyle.marginLeft) + parseInt(pointerStyle.marginRight);
                 var pointerHeight = _this.instruments[x].toolTipPointer.offsetHeight + parseInt(pointerStyle.marginTop) + parseInt(pointerStyle.marginBottom);
                 var posy = obj.instruments[x].y - (_this.instruments[x].toolTip.offsetHeight / 2);
-                if (m_dataPoints.arr[i] + (_this.instruments[x].toolTip.offsetWidth * 1.5) > m_canvas.width) { // || m_dataPoints.arr[i] + (_this.instruments[x].toolTip.offsetWidth * 1.5) > m_canvas.width) { // TODO +10 should be calculated better
-                    // draw the hover to the left
+                if (m_dataPoints.arr[i] + (_this.instruments[x].toolTip.offsetWidth * 1.5) > m_canvas.width) { 
+                    
                     _this.instruments[x].toolTip.style.left = (obj.instruments[x].x - _this.instruments[x].toolTip.offsetWidth - (pointerWidth / 2)) + 1 + 'px';
                 } else {
-                    // draw hover to the right
+                    
                     _this.instruments[x].toolTip.style.left = (obj.instruments[x].x + (pointerWidth / 2)) + 'px';
                 }
                 _this.instruments[x].toolTip.style.top = posy + 'px';
                 toolArray.push({ top: (obj.instruments[x].y - (pointerHeight / 2)), instrument: x });
-                _this.instruments[x].toolTipPointer.style.left = (obj.instruments[x].x - (pointerWidth / 2)) + 1 + 'px'; // hmm plus 1??
+                _this.instruments[x].toolTipPointer.style.left = (obj.instruments[x].x - (pointerWidth / 2)) + 1 + 'px'; 
                 _this.instruments[x].toolTipPointer.style.top = (obj.instruments[x].y - (pointerHeight / 2)) + 'px';
                 if (posy > highy) highy = posy;
                 if (posy < lowy) lowy = posy;
@@ -1938,7 +1938,7 @@ function Milli_Chart(settings) {
         startdate = startdate.replaceAll('\/', '-');
         enddate = enddate.replaceAll('\/', '-');
         m_zoom.mousedown.timestamp = findFirstWeekDay(new Date(startdate + 'T00:00:00Z'));
-        console.log(new Date(startdate + 'T00:00:00Z'), findFirstWeekDay(new Date(startdate + 'T00:00:00Z')), m_zoom.mousedown.timestamp);
+        () => {};
 
         m_zoom.mouseup.timestamp = new Date(enddate + 'T00:00:00Z');
 
@@ -1982,7 +1982,7 @@ function Milli_Chart(settings) {
                 }
             }
         }
-        if (_this.scaleinfoY.type == 'trades' && count > 0 && _this.instruments[0].closeprice1d) return true; // we can draw on closeprice 1d -> first trade
+        if (_this.scaleinfoY.type == 'trades' && count > 0 && _this.instruments[0].closeprice1d) return true; 
         var y = (m_chartspaces.chart.bottom - m_chartspaces.chart.top) / 2 + m_chartspaces.chart.top;
         var x = (m_chartspaces.chart.right - m_chartspaces.chart.left) / 2 + m_chartspaces.chart.left;
         m_ctx.save();
@@ -2014,7 +2014,7 @@ function Milli_Chart(settings) {
 
     _this.drawChart = function() {
         if (m_zoom.isZooming) {
-            return; // prevent redraw due to push updates when zooming
+            return; 
         }
 
         for (var i = 0; i < _this.settings.indicators.length; i++) {
@@ -2057,7 +2057,7 @@ function Milli_Chart(settings) {
         m_dataPoints.map = new Map();
         m_dataPoints.arr = [];
         if (_this.instruments.length < 0) {
-            console.log('no chartdata');
+            () => {};
             return;
         }
         calcChartSpaces();
@@ -2066,42 +2066,42 @@ function Milli_Chart(settings) {
         var len = parseInt(_this.settings.chartlen.substring(0, _this.settings.chartlen.length - 1));
         m_ctx.clearRect(0, 0, m_canvas.width, m_canvas.height);
         m_ctx.lineWidth = 1 / window.devicePixelRatio;
-        m_ctx.textBaseline = 'top'; // important!
+        m_ctx.textBaseline = 'top'; 
         var i;
         if (period == 'd' && _this.settings.chartlen != 'ytd') {
             if (m_zoom.mousedown.timestamp) {
                 _this.scaleinfoX.endTimeStamp = m_zoom.mouseup.timestamp > m_zoom.mousedown.timestamp ? m_zoom.mouseup.timestamp : m_zoom.mousedown.timestamp;
                 _this.scaleinfoX.startTimeStamp = m_zoom.mouseup.timestamp < m_zoom.mousedown.timestamp ? m_zoom.mouseup.timestamp : m_zoom.mousedown.timestamp;
             } else {
-                _this.scaleinfoX.startTimeStamp = getTickStartDate(len); // calc not to start with weekends
-                // back up x days from quotedate if needed
-                // TODO if startTimeStamp < quotedate -len borde det vara
+                _this.scaleinfoX.startTimeStamp = getTickStartDate(len); 
+                
+                
                 var quoteDate = businessDaysSubtraction(_this.instruments[0].quotedate, len);
-                if (_this.scaleinfoX.startTimeStamp - _this.scaleinfoX.startTimeStamp % 86400000 > quoteDate) { // if startdate > quotedate back startdate
+                if (_this.scaleinfoX.startTimeStamp - _this.scaleinfoX.startTimeStamp % 86400000 > quoteDate) { 
                     _this.scaleinfoX.startTimeStamp -= _this.scaleinfoX.startTimeStamp - _this.scaleinfoX.startTimeStamp % 86400000;
                     _this.scaleinfoX.startTimeStamp += quoteDate;
                 }
-                _this.scaleinfoX.endTimeStamp = new Date(); // om helg TODO
+                _this.scaleinfoX.endTimeStamp = new Date(); 
                 if (len > 1)
                     _this.scaleinfoX.endTimeStamp = new Date(_this.scaleinfoX.endTimeStamp.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z').getTime();
                 else if (len == 1) {
-                    // check if startdate is not today (due to exchange is closed f ex DJ)
+                    
                     if (_this.scaleinfoX.startTimeStamp % 86400000 != new Date().getTime() % 86400) {
                         _this.scaleinfoX.endTimeStamp = new Date(new Date(_this.scaleinfoX.startTimeStamp).toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z').getTime();
                     } else
                         _this.scaleinfoX.endTimeStamp = new Date(_this.scaleinfoX.endTimeStamp.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z').getTime();
                 } else {
-                    // check that the last trade is not later than closetime
+                    
                     var tradetimestamp = new Date(_this.instruments[0].trades[_this.instruments[0].trades.length - 1].timestamp).getTime();
                     var closetimestamp = new Date(new Date(_this.instruments[0].trades[_this.instruments[0].trades.length - 1].timestamp).toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z').getTime();
                     if (closetimestamp < tradetimestamp)
-                        _this.scaleinfoX.endTimeStamp = new Date(closetimestamp); // borde inte rita med closeprice1d då heller eller spelar det ingen roll?
+                        _this.scaleinfoX.endTimeStamp = new Date(closetimestamp); 
                     else
                         _this.scaleinfoX.endTimeStamp = new Date(tradetimestamp);
                 }
                 if (_this.scaleinfoX.endTimeStamp - (_this.scaleinfoX.endTimeStamp % 86400000) > _this.instruments[0].quotedate) {
                     _this.scaleinfoX.endTimeStamp -= _this.scaleinfoX.endTimeStamp - _this.scaleinfoX.endTimeStamp % 86400000;
-                    _this.scaleinfoX.endTimeStamp += _this.instruments[0].quotedate; // set enddate = last Quotedate
+                    _this.scaleinfoX.endTimeStamp += _this.instruments[0].quotedate; 
                 }
             }
             setTimeSpanData();
@@ -2110,7 +2110,7 @@ function Milli_Chart(settings) {
                 for (var s = 1; s < _this.instruments.length; s++) _this.instruments[s].factor = 1;
             } else
             if (_this.instruments.length > 1) {
-                // calc factors
+                
                 var instrumentprice;
                 for (i = 0; i < _this.instruments[0].trades.length; i++) {
                     if (_this.instruments[0].trades[i].timestamp >= _this.scaleinfoX.startTimeStamp) {
@@ -2147,7 +2147,7 @@ function Milli_Chart(settings) {
 
         } else
         if (period == 'm') {
-            console.log('mon');
+            () => {};
 
             if (m_zoom.mousedown.timestamp) {
                 _this.scaleinfoX.startTimeStamp = m_zoom.mousedown.timestamp > m_zoom.mouseup.timestamp ? m_zoom.mouseup.timestamp : m_zoom.mousedown.timestamp;
@@ -2162,7 +2162,7 @@ function Milli_Chart(settings) {
                 if (_this.instruments[0].history.length > 1 && _this.scaleinfoX.startTimeStamp < _this.instruments[0].history[0].timestamp) _this.scaleinfoX.startTimeStamp = _this.instruments[0].history[0].timestamp;
 
                 _this.scaleinfoX.endTimeStamp = new Date().getTime();
-                _this.scaleinfoX.endTimeStamp = _this.scaleinfoX.endTimeStamp - (_this.scaleinfoX.endTimeStamp % 86400000); // TODO: detta kan vi nog ta bort eller skall det vara med closetime?
+                _this.scaleinfoX.endTimeStamp = _this.scaleinfoX.endTimeStamp - (_this.scaleinfoX.endTimeStamp % 86400000); 
             }
             setTimeSpanData();
             _this.scaleinfoY.type = 'history';
@@ -2197,7 +2197,7 @@ function Milli_Chart(settings) {
                     _this.scaleinfoX.startTimeStamp = _this.instruments[0].history[0].timestamp;
                 } else
                 if (_this.settings.chartlen == 'ytd') {
-                    _this.scaleinfoX.startTimeStamp = new Date(new Date().getFullYear() + '-01-01').getTime(); // TODO, hur skall vi göra här om det inte finns data runt här?
+                    _this.scaleinfoX.startTimeStamp = new Date(new Date().getFullYear() + '-01-01').getTime(); 
                 } else {
                     _this.scaleinfoX.startTimeStamp = new Date().getTime() - (86400000 * 365 * (isNaN(len) ? 1 : len));
                 }
@@ -2205,7 +2205,7 @@ function Milli_Chart(settings) {
                 _this.scaleinfoX.startTimeStamp = findFirstWeekDay(_this.scaleinfoX.startTimeStamp).getTime();
 
                 _this.scaleinfoX.endTimeStamp = new Date().getTime();
-                _this.scaleinfoX.endTimeStamp = _this.scaleinfoX.endTimeStamp - (_this.scaleinfoX.endTimeStamp % 86400000); // TODO: detta kan vi nog ta bort eller skall det vara med closetime?
+                _this.scaleinfoX.endTimeStamp = _this.scaleinfoX.endTimeStamp - (_this.scaleinfoX.endTimeStamp % 86400000); 
             }
             setTimeSpanData();
             _this.scaleinfoY.type = 'history';
@@ -2227,10 +2227,10 @@ function Milli_Chart(settings) {
 
             }
 
-            /*for (const [key, a] of m_analyzisMethod.entries()) {
-                if (a.method == 'bb') plotBollingerBand(a, 'history');
-                else plotMovingAverage(a, 'history');
-            }*/
+            
+
+
+
         }
         drawBoxShadow(m_chartspaces.chart);
 
@@ -2244,11 +2244,11 @@ function Milli_Chart(settings) {
             if (_this.settings.curveOnTop == false)
                 m_ctx.globalCompositeOperation = 'destination-over'
             m_ctx.fillStyle = m_chartCss.backgroundColor;
-            //m_ctx.fillRect(0, 0, m_canvas.width, m_canvas.height);
+            
             m_ctx.fillRect(0, 0, m_canvas.width, m_canvas.height);
             m_ctx.restore();
         }
-        //onMouseOut();
+        
     };
 
     function drawBoxShadow(space) {
@@ -2286,7 +2286,7 @@ function Milli_Chart(settings) {
 
         if (typeof data.tradecurrency !== 'undefined') instr.tradecurrency = data.tradecurrency;
         if (data.marketopen && data.marketclose) {
-            if (new Date('2020-01-01T' + data.marketopen + 'Z') > new Date('2020-01-01T' + data.marketclose + 'Z')) { // om close är tidiagre än open så sätter vi nedan tider
+            if (new Date('2020-01-01T' + data.marketopen + 'Z') > new Date('2020-01-01T' + data.marketclose + 'Z')) { 
                 data.marketopen = '00:00:00';
                 data.marketclose = '22:00:00';
             }
@@ -2318,7 +2318,7 @@ function Milli_Chart(settings) {
             instr.trades = [];
             instr.hashmap.clear();
             for (i = 0; i < data.trades.length; i++) {
-                if (data.trades[i].tradecode & 16) { // canceltrade
+                if (data.trades[i].tradecode & 16) { 
                     continue;
                 }
                 item = [];
@@ -2335,7 +2335,7 @@ function Milli_Chart(settings) {
                 }
                 instr.trades.push(item);
                 instr.hashmap.set(item.timestamp, item);
-                // we might have recieved trades from push before dataapi
+                
                 instr.trades.sort(function(a, b) {
                     return a.timestamp - b.timestamp;
                 });
@@ -2348,7 +2348,7 @@ function Milli_Chart(settings) {
             instr.history = [];
             for (i = 0; i < data.history.length; i++) {
                 item = [];
-                if (typeof data.history[i].date !== 'undefined' && data.history[i].closeprice != null) { // inget pris eller datum = onintressant, borde kanske skippas vid selecten i pitten också
+                if (typeof data.history[i].date !== 'undefined' && data.history[i].closeprice != null) { 
                     var timestamp = new Date(data.history[i].date + 'T00:00:00Z').getTime();
                     item.timestamp = timestamp;
                 } else continue;
@@ -2358,7 +2358,7 @@ function Milli_Chart(settings) {
                 if (typeof data.history[i].dividend !== 'undefined') item.dividend = data.history[i].dividend;
                 instr.history.push(item);
             }
-            if (_this.settings.hcurve && instr.history.length > 0) { // varför på all historik, och inte bara på hcurve
+            if (_this.settings.hcurve && instr.history.length > 0) { 
                 if (!isToday(new Date(instr.history[instr.history.length - 1].timestamp))) {
                     var addItem = {};
                     MillistreamWidgetApi_AssignObject(instr.history[instr.history.length - 1], addItem);
@@ -2383,7 +2383,7 @@ function Milli_Chart(settings) {
     };
 
     function plotExternalHistoricalData(data) {
-        // används för dividend osv
+        
         m_ctx.save();
         var startpoint = { x: 0, y: 0 };
         var endpoint = { x: 0, y: 0 };
@@ -2407,25 +2407,25 @@ function Milli_Chart(settings) {
             currentDate.setMinutes(lastdate.getMinutes());
             currentDate.setSeconds(lastdate.getSeconds());
 
-            if (lastdate.toISOString().substring(0, 10) != currentDate.toISOString().substring(0, 10)) { // new date
+            if (lastdate.toISOString().substring(0, 10) != currentDate.toISOString().substring(0, 10)) { 
                 var tmp = new Date(lastdate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z');
                 var nextDate = new Date(data[i].timestamp);
-                tmp = tmp.getTime() + 86400000 - _this.scaleinfoX.milliPerDay; // increase to next days starttime
+                tmp = tmp.getTime() + 86400000 - _this.scaleinfoX.milliPerDay; 
                 currentDate = new Date(tmp);
                 while (dateDiffInDays(currentDate, nextDate) > 0) {
                     if (currentDate.getDay() == 0 || currentDate.getDay() == 6)
                         offset += 86400000 / _this.scaleinfoX.timePerPixel;
                     else
-                        offset += ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel); // * dateDiffInDays(lastdate, currentDate);
+                        offset += ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel); 
                     currentDate = new Date(currentDate.getTime() + 86400000);
                 }
-                offset += ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel); // * dateDiffInDays(lastdate, currentDate);
+                offset += ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel); 
                 lastdate = currentDate;
                 startpoint.x = Math.round(m_chartspaces.chart.left + ((data[i].timestamp - startDate) / _this.scaleinfoX.timePerPixel)) + 0.5 - offset;
-                // TODO: här blir det fel när det är från 00:00: 23:59 men göms av tmpx < startpoint.x
+                
 
             }
-            //startpoint.y = Math.round(m_canvas.height - getScaledSetting(m_chartCss.marginBottom) - (((data[i].price * factor) - _this.scaleinfoY.minValue) * _this.scaleinfoY.valuePerPixel)) + 0.5;
+            
             startpoint.y = Math.round(m_chartspaces.chart.height - getScaledSetting(m_chartCss.marginBottom) - (((data[i].price * factor) - _this.scaleinfoY.minValue) * _this.scaleinfoY.valuePerPixel)) + 0.5;
             maxy = maxy > startpoint.y ? maxy : startpoint.y;
 
@@ -2467,19 +2467,19 @@ function Milli_Chart(settings) {
             var endtimeToday = new Date(data[i].timestamp);
             if (endtimeToday.getDay() == 0 || endtimeToday.getDay() == 6) continue;
             if (_this.scaleinfoY.type != 'history') {
-                endtimeToday = new Date(endtimeToday.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z'); // borde räcka att göra 1 gång när det blir nytt datum
+                endtimeToday = new Date(endtimeToday.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z'); 
             }
             if (data[i].timestamp > endtimeToday.getTime()) {
-                continue; // dataticks efter stängning ritas inte
+                continue; 
             }
             currentDate = new Date(data[i].timestamp);
             currentDate.setHours(lastdate.getHours());
             currentDate.setMinutes(lastdate.getMinutes());
             currentDate.setSeconds(lastdate.getSeconds());
-            if (lastdate.toISOString().substring(0, 10) != currentDate.toISOString().substring(0, 10)) { // new date
+            if (lastdate.toISOString().substring(0, 10) != currentDate.toISOString().substring(0, 10)) { 
                 tmp = new Date(lastdate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z');
                 var nextDate = new Date(data[i].timestamp);
-                tmp = tmp.getTime() + 86400000 - _this.scaleinfoX.milliPerDay; // increase to next days starttime
+                tmp = tmp.getTime() + 86400000 - _this.scaleinfoX.milliPerDay; 
 
                 currentDate = new Date(tmp);
                 while (dateDiffInDays(currentDate, nextDate) > 0) {
@@ -2489,11 +2489,11 @@ function Milli_Chart(settings) {
                         offset += ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel);
                     currentDate = new Date(currentDate.getTime() + 86400000);
                 }
-                offset += ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel); // * dateDiffInDays(lastdate, currentDate);
+                offset += ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel); 
                 lastdate = currentDate;
                 startpoint.x = Math.round(m_chartspaces.chart.left + ((data[i].timestamp - startDate) / _this.scaleinfoX.timePerPixel)) + 0.5 - offset;
 
-                // TODO: här blir det fel när det är från 00:00: 23:59 men göms av tmpx < startpoint.x
+                
                 if (_this.scaleinfoY.type == 'trades' && tmpx < startpoint.x) {
                     ret.push(startpoint.x, startpoint.y);
                 }
@@ -2529,7 +2529,7 @@ function Milli_Chart(settings) {
         if (line.length == 0) return;
         m_ctx.save();
         m_ctx.beginPath();
-        m_ctx.closePath(); // clear path
+        m_ctx.closePath(); 
         m_ctx.moveTo(line[0].x, line[0].y);
         for (var i = 1; i < line.length; i++) {
             m_ctx.lineTo(line[i].x, line[i].y);
@@ -2560,7 +2560,7 @@ function Milli_Chart(settings) {
         }
         var sma = calcAnalyzisLine(data, 2);
         m_ctx.beginPath();
-        m_ctx.closePath(); // clear path
+        m_ctx.closePath(); 
         m_ctx.moveTo(sma[0].x, sma[0].y);
         for (i = 0; i < sma.length; i++) m_ctx.lineTo(sma[i].x, sma[i].y);
         m_ctx.stroke();
@@ -2571,7 +2571,7 @@ function Milli_Chart(settings) {
     function plotData(data, instrument) {
         m_ctx.save();
         if (_this.settings.curveOnTop == false)
-            m_ctx.globalCompositeOperation = 'destination-over'; // dont draw over labels inside the chart
+            m_ctx.globalCompositeOperation = 'destination-over'; 
         m_ctx.strokeStyle = m_instrumentCss[instrument].color;
         var factor = _this.instruments[instrument].factor;
         var startpoint = { x: 0, y: 0 };
@@ -2592,7 +2592,7 @@ function Milli_Chart(settings) {
 
         for (var i = 0; i < len; i++) {
             var currentDate;
-            //            var lastItem = data[i];
+            
             var tmpx = startpoint.x;
             var tmp;
             if (data[i].timestamp < _this.scaleinfoX.startTimeStamp) {
@@ -2600,42 +2600,42 @@ function Milli_Chart(settings) {
                 continue;
             }
             if (data[i].timestamp > _this.scaleinfoX.endTimeStamp) {
-                break; // continue?
+                break; 
             }
             if (data[i].timestamp > new Date().getTime())
                 break;
 
             if (_this.scaleinfoY.type != 'history' && (data[i].timestamp % 86400000 < _this.instruments[0].opentimestamp || data[i].timestamp % 86400000 > _this.instruments[0].closetimestamp)) {
-                // stämmer detta kan det bli överlapp vid sommartid/vintertid?
+                
                 continue;
             }
             var endtimeToday = new Date(data[i].timestamp);
-            if (endtimeToday.getDay() == 0 || endtimeToday.getDay() == 6) continue; // do not draw weekends TODO: if main instrument has weekenddata draw it, but need to fix that in all drawfunctions
+            if (endtimeToday.getDay() == 0 || endtimeToday.getDay() == 6) continue; 
             if (_this.scaleinfoY.type != 'history') {
-                endtimeToday = new Date(endtimeToday.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z'); // borde räcka att göra 1 gång när det blir nytt datum
+                endtimeToday = new Date(endtimeToday.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z'); 
             }
             if (data[i].timestamp > endtimeToday.getTime()) {
-                continue; // dataticks efter stängning ritas inte
+                continue; 
             }
 
             if (_this.scaleinfoY.type == 'history') {
-                //var point = { price: data[i].price, open: null, x: endpoint.x - 0.5, y: endpoint.y - 0.5, timestamp: data[i].timestamp };
-                //m_datapoints.push(point);
+                
+                
             } else
-            if (_this.settings.previousDayClose && addedcloseprice1d == false && m_zoom.mouseup.timestamp == null) { // only draw closeprice1d on today charts
+            if (_this.settings.previousDayClose && addedcloseprice1d == false && m_zoom.mouseup.timestamp == null) { 
                 currentDate = new Date(data[i].timestamp);
                 offset = ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel) * dateDiffInDays(new Date(startDate), currentDate);
                 tmp = new Date(currentDate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketopen + 'Z');
                 endpoint.x = Math.round(m_chartspaces.chart.left + ((tmp.getTime() - startDate) / _this.scaleinfoX.timePerPixel)) + 0.5 - offset;
 
-                //endpoint.y = Math.round(m_chartspaces.chart.height - getScaledSetting(m_chartCss.marginBottom) - (((parseFloat(_this.instruments[instrument].startValue) * factor) - _this.scaleinfoY.minValue) * _this.scaleinfoY.valuePerPixel)) + 0.5;
+                
                 endpoint.y = Math.round(m_chartspaces.chart.height - getScaledSetting(m_chartCss.marginBottom) - (((parseFloat(_this.instruments[instrument].startValue)) - _this.scaleinfoY.minValue) * _this.scaleinfoY.valuePerPixel)) + 0.5;
 
-                /*if (_this.settings.chartlen == '1d' || _this.settings.chartlen == '0d') { // plot the closeprice1d
-                    endpoint.y = Math.round(m_chartspaces.chart.height - getScaledSetting(m_chartCss.marginBottom) - (((parseFloat(_this.instruments[instrument].closeprice1d) * factor) - _this.scaleinfoY.minValue) * _this.scaleinfoY.valuePerPixel)) + 0.5;
-                } else {
-                    endpoint.y = Math.round(m_chartspaces.chart.height - getScaledSetting(m_chartCss.marginBottom) - (((parseFloat(lastItem.price) * factor) - _this.scaleinfoY.minValue) * _this.scaleinfoY.valuePerPixel)) + 0.5;
-                }*/
+                
+
+
+
+
                 m_ctx.moveTo(endpoint.x, endpoint.y);
                 lastdate = new Date(data[i].timestamp);
                 addedcloseprice1d = true;
@@ -2646,25 +2646,25 @@ function Milli_Chart(settings) {
             currentDate.setHours(lastdate.getHours());
             currentDate.setMinutes(lastdate.getMinutes());
             currentDate.setSeconds(lastdate.getSeconds());
-            if (lastdate.toISOString().substring(0, 10) != currentDate.toISOString().substring(0, 10)) { // new date
+            if (lastdate.toISOString().substring(0, 10) != currentDate.toISOString().substring(0, 10)) { 
                 tmp = new Date(lastdate.toISOString().substring(0, 10) + 'T' + _this.instruments[0].marketclose + 'Z');
-                // draw Day separator?
+                
                 var nextDate = new Date(data[i].timestamp);
-                tmp = tmp.getTime() + 86400000 - _this.scaleinfoX.milliPerDay; // increase to next days starttime
+                tmp = tmp.getTime() + 86400000 - _this.scaleinfoX.milliPerDay; 
 
                 currentDate = new Date(tmp);
                 while (dateDiffInDays(currentDate, nextDate) > 0) {
                     if (currentDate.getDay() == 0 || currentDate.getDay() == 6)
                         offset += 86400000 / _this.scaleinfoX.timePerPixel;
                     else
-                        offset += ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel); // * dateDiffInDays(lastdate, currentDate);
+                        offset += ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel); 
                     currentDate = new Date(currentDate.getTime() + 86400000);
                 }
-                offset += ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel); // * dateDiffInDays(lastdate, currentDate);
+                offset += ((86400000 - _this.scaleinfoX.milliPerDay) / _this.scaleinfoX.timePerPixel); 
                 lastdate = currentDate;
                 startpoint.x = Math.round(m_chartspaces.chart.left + ((data[i].timestamp - startDate) / _this.scaleinfoX.timePerPixel)) + 0.5 - offset;
 
-                // TODO: här blir det fel när det är från 00:00: 23:59 men göms av tmpx < startpoint.x
+                
                 if (_this.scaleinfoY.type == 'trades' && tmpx < startpoint.x) {
                     m_ctx.lineTo(startpoint.x, startpoint.y);
                 }
@@ -2693,7 +2693,7 @@ function Milli_Chart(settings) {
                     if (tmpx < startpoint.x) {
                         if (_this.settings.hcurve) m_ctx.lineTo(startpoint.x, endpoint.y);
                         m_ctx.lineTo(startpoint.x, startpoint.y);
-                        //m_ctx.bezierCurveTo(startpoint.x, startpoint.y, endpoint.x - 1, endpoint.y - 1, endpoint.x, endpoint.y); // läs på om detta för "runda linjer"
+                        
 
                         if (instrument == 0) {
                             point = { price: data[i].price, open: data[i].openprice, x: startpoint.x / window.devicePixelRatio - 0.5, y: startpoint.y / window.devicePixelRatio - 0.5, timestamp: data[i].timestamp, date: new Date(data[i].timestamp), quantity: quantity };
@@ -2710,7 +2710,7 @@ function Milli_Chart(settings) {
                         m_datapoints.push(point);
                         if (_this.settings.hcurve && _this.scaleinfoY.type == 'history') {
                             if (isToday(currentDate)) {
-                                // only 1 point in hcurve chart, draw line from start of chart to end date
+                                
                                 m_ctx.moveTo(m_chartspaces.chart.left, startpoint.y);
                                 point = { price: data[i].price, open: data[i].openprice, x: m_chartspaces.chart.left / window.devicePixelRatio - 0.5, y: startpoint.y / window.devicePixelRatio - 0.5, timestamp: data[i].timestamp, date: new Date(data[i].timestamp), insref: _this.instruments[instrument].insref, diff: data[i].diff, quantity: quantity };
                                 m_datapoints.push(point);
@@ -2718,12 +2718,12 @@ function Milli_Chart(settings) {
                                 m_datapoints.push(point);
                                 startx = m_chartspaces.chart.left;
                                 starty = startpoint.y;
-                                // last point so break out and store startx and starty from fake point
+                                
                                 break;
                             } else if (hCurveLastPoint) {
-                                /*                                var y = Math.round(m_canvas.height - getScaledSetting(m_chartCss.marginBottom) - (((hCurveLastPoint.price * factor) - _this.scaleinfoY.minValue) * _this.scaleinfoY.valuePerPixel)) + 0.5;
-                                                                m_ctx.moveTo(m_chartspaces.chart.left, y);
-                                                                m_ctx.lineTo(startpoint.x, y);*/
+                                
+
+
                             }
                         }
                         quantity = 0;
@@ -2736,7 +2736,7 @@ function Milli_Chart(settings) {
                 endpoint.y = startpoint.y;
             }
             if (data[i].dividend) {
-                //console.log('div', data[i]);
+                
             }
         }
         m_dataPoints.arr.sort(function(a, b) {
@@ -2760,7 +2760,7 @@ function Milli_Chart(settings) {
             m_ctx.fill();
         } else
             m_ctx.closePath();
-        // eftersom vi kör med m_datapoints här så missar vi dom som plottas på samma ställe som punkten innan, gör vi det???
+        
         if (instrument == 0) {
             drawPriceIndicator();
             drawClosePriceIndicator();
@@ -2769,13 +2769,13 @@ function Milli_Chart(settings) {
         m_ctx.restore();
     }
 
-    /*    function drawCompare(resp) {
-                parseData(resp[0], 1);
-                _this.drawChart();
-                requestStreaming();
-                return;
-            }
-    	*/
+    
+
+
+
+
+
+
 
     _this.setChartLength = function(len) {
         _this.settings.chartlen = len;
@@ -2907,7 +2907,7 @@ function Milli_Chart(settings) {
         };
         req.open("GET", url, true);
         req.onerror = function(error) {
-            console.log('Fetch data error', error);
+            () => {};
         };
         req.send();
     }
@@ -2919,9 +2919,9 @@ function Milli_Chart(settings) {
                 fetchHistory(c.insref);
             }
         });
-        //fetch data and redraw ( for no push charts)
+        
     };
-    // Compare functions
+    
     _this.removeAllCompares = function() {
         if (_this.instruments.length == 1) return;
         for (var i = 0; i < 3; i++)
@@ -2972,7 +2972,7 @@ function Milli_Chart(settings) {
         fetchHistory(insref);
         return 1;
     };
-    // Size functions
+    
 
     function setChartSize() {
         var offset = 0;
@@ -2981,8 +2981,8 @@ function Milli_Chart(settings) {
         }
         _this.settings.target.style.height = (_this.settings.target.parentNode.offsetHeight - offset) + 'px';
         _this.settings.target.style.width = _this.settings.target.parentNode.offsetWidth + 'px';
-        //_this.settings.target.style.height = (_this.settings.target.parentNode.offsetHeight - offset) * window.devicePixelRatio + 'px';
-        //_this.settings.target.style.width = _this.settings.target.parentNode.offsetWidth * window.devicePixelRatio + 'px';
+        
+        
         m_canvas.setRect(_this.settings.target.offsetHeight, _this.settings.target.offsetWidth);
     }
 
@@ -3002,8 +3002,8 @@ function Milli_Chart(settings) {
             diff = (m_resizing.width - m_canvas.width) / m_canvas.width * 100;
             if (Math.abs(diff) > 1) {
                 setChartSize();
-                //m_canvas.height = Math.floor(_this.settings.target.offsetHeight * window.devicePixelRatio);
-                //m_canvas.width = Math.floor(_this.settings.target.offsetWidth * window.devicePixelRatio);
+                
+                
                 m_resizing.width = m_canvas.width;
                 m_resizing.height = m_canvas.height;
                 _this.drawChart();
@@ -3035,11 +3035,11 @@ function Milli_Chart(settings) {
             m_canvas = MillistreamWidgetApi_addElement(_this, 'canvas', 'millistream-chart-canvas', _this.settings.target);
             m_ctx = m_canvas.getContext("2d");
             setChartSize();
-            m_canvas.addEventListener('mousemove', onMouseMove, false); // disable while loading and enable on drawReady
+            m_canvas.addEventListener('mousemove', onMouseMove, false); 
             m_canvas.addEventListener('mouseout', onMouseOut, false);
             m_canvas.style.cursor = "crosshair";
             m_canvas.onmousedown = (function(evt) {
-                if (!evt.which == 1) return; // ignore right and middle
+                if (!evt.which == 1) return; 
                 if (_this.settings.enablezoom == false) return;
                 if (m_datapoints.length == 0) return;
                 var rect = m_canvas.getBoundingClientRect();
@@ -3065,7 +3065,7 @@ function Milli_Chart(settings) {
                     clearZoom();
                     return;
                 }
-                if (Math.abs(x - m_zoom.mousedown.pos) > 5) { // only handle zoom with 5 pixels width
+                if (Math.abs(x - m_zoom.mousedown.pos) > 5) { 
                     var i;
                     for (i = m_datapoints.length - 1; i > 0; i--) {
                         if (x >= m_datapoints[i].x) {
@@ -3082,7 +3082,7 @@ function Milli_Chart(settings) {
                     m_zoom.mousedown.pos = 0;
                     m_zoom.mousedown.i = 0;
                     if (m_zoom.mousedown.oldtimestamp != null) {
-                        m_zoom.mousedown.timestamp = m_zoom.mousedown.oldtimestamp; // so we do not unzoom if zoomed
+                        m_zoom.mousedown.timestamp = m_zoom.mousedown.oldtimestamp; 
                         m_zoom.mousedown.oldtimestamp = null;
                     } else
                         m_zoom.mousedown.timestamp = null;
@@ -3170,27 +3170,27 @@ function Milli_Chart(settings) {
                 var data = instr.hashmap.get(timestamp);
                 if (typeof data === 'undefined') {
                     data = {};
-                    //data.tradereference = json['14'];
+                    
                     data.timestamp = timestamp;
                     calcAnalyizis = true;
                     if (instr.pricetype == 'price') {
                         update = true;
-                        data.price = parseFloat(json['12']); // eller 201 för tradeyield
-                        data.open = parseFloat(json['12']); // eller 201 för tradeyield
-                        data.high = parseFloat(json['12']); // eller 201 för tradeyield
-                        data.low = parseFloat(json['12']); // eller 201 för tradeyield
+                        data.price = parseFloat(json['12']); 
+                        data.open = parseFloat(json['12']); 
+                        data.high = parseFloat(json['12']); 
+                        data.low = parseFloat(json['12']); 
                         data.quantity = typeof json['13'] === 'undefined' ? 0 : parseInt(json['13']);
                     } else if (instr.pricetype == 'price') {
-                        data.price = parseFloat(json['201']); // eller 201 för tradeyield
-                        data.open = parseFloat(json['201']); // eller 201 för tradeyield
-                        data.high = parseFloat(json['201']); // eller 201 för tradeyield
-                        data.low = parseFloat(json['201']); // eller 201 för tradeyield
+                        data.price = parseFloat(json['201']); 
+                        data.open = parseFloat(json['201']); 
+                        data.high = parseFloat(json['201']); 
+                        data.low = parseFloat(json['201']); 
                         data.quantity = typeof json['13'] === 'undefined' ? 0 : parseInt(json['13']);
                         update = true;
                     }
                     if (update) {
                         if (instr.trades.length != 0 && data.timestamp < instr.trades[instr.trades.length - 1].timestamp) {
-                            // TODO console.log("pushtrade is older than last trade ignoring, should file it on correct postition");
+                            
                         } else
                             instr.hashmap.set(data.timestamp, data);
                         instr.trades.push(data);
@@ -3199,24 +3199,24 @@ function Milli_Chart(settings) {
                     if (instr.pricetype == 'price') {
                         if (data.price != parseFloat(json['12']))
                             calcAnalyizis = true;
-                        data.price = parseFloat(json['12']); // eller 201 för tradeyield
+                        data.price = parseFloat(json['12']); 
                         data.quantity += typeof json['13'] === 'undefined' ? 0 : parseInt(json['13']);
                         if (_this.scaleinfoY.type == 'trades') update = true;
                     } else {
                         if (instr.pricetype == 'price') {
                             if (data.price != parseFloat(json['201']))
                                 calcAnalyizis = true;
-                            data.price = parseFloat(json['201']); // eller 201 för tradeyield
+                            data.price = parseFloat(json['201']); 
                             data.quantity += typeof json['13'] === 'undefined' ? 0 : parseInt(json['13']);
                             if (_this.scaleinfoY.type == 'trades') update = true;
                         }
-                        // TODo: updatera med quantity, open , high,low osv?
+                        
                     }
                 }
             }
             if (calcAnalyizis && insref == _this.instruments[0].insref) {
                 for (var i = 0; i < _this.settings.indicators.length; i++) {
-                    //for (const [key, a] of m_analyzisMethod.entries()) {
+                    
                     switch (_this.settings.indicators[i].method) {
                         case 'sma':
                             _this.settings.indicators[i].trades = [];
@@ -3231,7 +3231,7 @@ function Milli_Chart(settings) {
                             _this.settings.indicators[i].trades = bollingerBands(_this.instruments[0].trades, _this.settings.indicators[i].method_length, _this.settings.indicators[i].stddev | 2);
                             break;
                         default:
-                            // draw custom added?
+                            
                             break;
                     }
                 }
@@ -3243,14 +3243,14 @@ function Milli_Chart(settings) {
         };
     }
 
-    // used by trader
+    
     _this.exportData = function() {
         let ret = [];
 
         if (_this.scaleinfoY.type == 'trades') {
             if (_this.instruments.length > 0) {
                 for (var i = 0; i < _this.instruments[0].trades.length; i++) {
-                    var date = new Date(_this.instruments[0].trades[i].timestamp - new Date().getTimezoneOffset() * 60000); // tz_offset in minutes
+                    var date = new Date(_this.instruments[0].trades[i].timestamp - new Date().getTimezoneOffset() * 60000); 
                     var datestr = date.toISOString();
 
                     ret.push([datestr.substring(0, 10), datestr.substring(11, 23), _this.instruments[0].trades[i].price, _this.instruments[0].trades[i].quantity]);
@@ -3279,7 +3279,7 @@ function Milli_Chart(settings) {
     }
 
     _this.destroyWidget = function() {
-        // if we have subscriptions send in an empty array to unsubscribe all and release it
+        
         if (MillistreamWidgetApi_isObjectEmpty(_this.unsubscriptions) == false)
             _this.requestid = _this.settings.streaming.MillistreamWidgetStreamingApi_subscribeInstruments(_this, _this.requestid, []);
         return 0;
@@ -3319,7 +3319,7 @@ function Milli_Chart(settings) {
     }
 
     _this.drawWidget = function() {
-        // remove standard fields from array, they will be requested anyway
+        
         _this.settings.fields = _this.settings.fields.filter(function(obj) {
             return ['name', 'tradecurrency', 'time', 'date', 'tradeprice', 'tradequantity', 'marketopen', 'marketclose', 'closeprice1d', 'closeprice', 'closequantity'].indexOf(obj) == -1;
         });
@@ -3345,7 +3345,7 @@ function Milli_Chart(settings) {
             var e = new Date();
             var days = 0;
             var newlen = 0;
-            while (days < _this.settings.intradaylen - 1) { // include today
+            while (days < _this.settings.intradaylen - 1) { 
                 d -= 86400000;
                 e.setTime(d);
                 if (e.getDay() != 0 && e.getDay() != 6)
@@ -3386,7 +3386,7 @@ function Milli_Chart(settings) {
 
     (function updatePixelRatio() {
         matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`).addEventListener('change', updatePixelRatio, { once: true });
-        console.log("devicePixelRatio: " + window.devicePixelRatio);
+        () => {};
         _this.drawChart();
     })();
 
@@ -3445,14 +3445,14 @@ function MillistreamWidgetApi_buildQuery(widget, type) {
         if (typeof widget.settings.instrumenttype !== 'object') {
             throw new Error(widget.constructor.name + ': instrumenttype is not valid');
         }
-        //if (widget.settings.instrument == null)	// removed 2021-10-12 for "mylist" functionality
+        
         url += '&instrumenttypes=' + widget.settings.instrumenttype.join();
     }
     if (widget.settings.instrumentsubtype != null) {
         if (typeof widget.settings.instrumentsubtype !== 'object') {
             throw new Error(widget.constructor.name + ': instrumentsubtype is not valid');
         }
-        //if (widget.settings.instrument == null) // removed 2021-10-12 for "mylist" functionality
+        
         url += '&instrumentsubtypes=' + widget.settings.instrumentsubtype.join();
     }
     if (widget.settings.derivativeindicator != null) {
@@ -3801,12 +3801,12 @@ function MillistreamWidgetApi_addPagination(widget) {
             li.onclick = function() {
                 MillistreamWidgetApi_getPaginationPage(widget, 'next');
             };
-            if (widget.pagination.numPages < max + 1) li.style.display = 'none'; // dont show if less than 6 pages
+            if (widget.pagination.numPages < max + 1) li.style.display = 'none'; 
             li = MillistreamWidgetApi_addElement(widget, 'li', 'millistream-list-pagination-li', widget.pagination.ul, null, '>>');
             li.onclick = function() {
                 MillistreamWidgetApi_getPaginationPage(widget, 'last');
             };
-            if (widget.pagination.numPages < max + 1) li.style.display = 'none'; // dont show if less than 6 pages
+            if (widget.pagination.numPages < max + 1) li.style.display = 'none'; 
         }
     } else
     if (widget.settings.pagination > 0 && widget.pagination.numPages < 2) {
@@ -3874,11 +3874,11 @@ function MillistreamWidgetApi_getPaginationPage(widget, page) {
         startno = 1;
     } else
     if (widget.pagination.selectedPage > widget.pagination.numPages - 2) {
-        startno = widget.pagination.numPages - (max - 1); //4;
+        startno = widget.pagination.numPages - (max - 1); 
 
     } else {
         startno = widget.pagination.selectedPage - 2 < 1 ? 1 : widget.pagination.selectedPage - (max - Math.ceil(max / 2));
-        //startno = widget.pagination.selectedPage - 1;
+        
     }
     for (i = 2; i < items.length - 2; i++) {
         items[i].innerHTML = (startno);
@@ -3917,15 +3917,15 @@ function MillistreamWidgetApi_getElementHeight(el) {
     return rect.height + s;
 }
 
-// Push blipp funktioner
+
 function MillistreamWidgetApi_clearFlash(el) {
-    //internal and external
+    
     el.classList.remove('millistream-flash-up');
     el.classList.remove('millistream-flash-down');
 }
 
 function milli_clearValuedFlash(widget, el, oldValue) {
-    // internal borde gå att bygga bort
+    
     var currentValue = MillistreamWidgetApi_getElementNumber(widget, el);
     if (currentValue == oldValue || currentValue == 0) {
         MillistreamWidgetApi_clearFlash(el);
@@ -3933,7 +3933,7 @@ function milli_clearValuedFlash(widget, el, oldValue) {
 }
 
 function MillistreamWidgetApi_flashElement(widget, el, newValue, oldValue) {
-    // internal
+    
     if (newValue == oldValue) return;
     MillistreamWidgetApi_clearFlash(el);
     if (newValue == '' || !newValue) return;
@@ -3952,7 +3952,7 @@ function MillistreamWidgetApi_flashElement(widget, el, newValue, oldValue) {
 }
 
 
-// numeriska funktioner
+
 function MillistreamWidgetApi_isNumber(widget, testsubject) {
     if (!testsubject) return;
     var n = testsubject.replace(widget.settings.decimalseparator, '.').split(widget.settings.thousandseparator).join('');
@@ -3965,7 +3965,7 @@ function MillistreamWidgetApi_getNumDecimals(widget, value, current, validfields
     if (value == null || MillistreamWidgetApi_isNumber(widget, value) == false) return current;
     var parts = value.toString().split('.');
     if (parts.length == 2) {
-        while (parts[1].charAt(parts[1].length - 1) == "0") { // remove trailing zeros
+        while (parts[1].charAt(parts[1].length - 1) == "0") { 
             parts[1] = parts[1].slice(0, -1);
         }
         return current > parts[1].length ? current : parts[1].length;
@@ -3974,7 +3974,7 @@ function MillistreamWidgetApi_getNumDecimals(widget, value, current, validfields
 }
 
 function MillistreamWidgetApi_getElementNumber(widget, el) {
-    // internal and Orderbook
+    
     var res = parseFloat(el.innerHTML.replace(widget.settings.decimalseparator, '.').split(widget.settings.thousandseparator).join(''));
     if (!isNaN(parseFloat(res)) && isFinite(res)) return res;
     return 0;
@@ -4005,7 +4005,7 @@ function MillistreamWidgetApi_colorCell(widget, element, info) {
             MillistreamWidgetApi_setCellColor(widget, element, v);
         }
     } else
-    if (widget.settings.controlcolumn || widget.settings.controlcolumn == 0) { // works for tables
+    if (widget.settings.controlcolumn || widget.settings.controlcolumn == 0) { 
         if (widget.settings.stylecolumn === null) return;
         var tr = element.parentNode;
         while (tr.tagName.toLowerCase() != 'tr') {
@@ -4014,13 +4014,13 @@ function MillistreamWidgetApi_colorCell(widget, element, info) {
         if (tr.cells.length > widget.settings.controlcolumn) {
             v = MillistreamWidgetApi_getElementNumber(widget, tr.cells[widget.settings.controlcolumn]);
             var el;
-            if (widget.settings.stylecolumn && widget.settings.stylecolumn[0] == -1) { // color row
-                el = tr; //element.parentNode;
+            if (widget.settings.stylecolumn && widget.settings.stylecolumn[0] == -1) { 
+                el = tr; 
                 MillistreamWidgetApi_setCellColor(widget, tr, v);
 
             } else {
                 for (var s = 0; s < widget.settings.stylecolumn.length; s++) {
-                    el = tr.cells[widget.settings.stylecolumn[s]]; //element.parentNode.cells[widget.stylecolumn[s]];
+                    el = tr.cells[widget.settings.stylecolumn[s]]; 
                     if (el) {
                         MillistreamWidgetApi_setCellColor(widget, el, v);
                     }
@@ -4028,17 +4028,17 @@ function MillistreamWidgetApi_colorCell(widget, element, info) {
             }
         }
     } else
-    if (widget.settings.positiveclass && widget.settings.negativeclass) { // non table elements
+    if (widget.settings.positiveclass && widget.settings.negativeclass) { 
         v = MillistreamWidgetApi_getElementNumber(widget, element);
         MillistreamWidgetApi_setCellColor(widget, element, v);
     }
 }
 
 function print_field(widget, element, field, value, overridedecimals) {
-    // internal and external
+    
     var f = parseInt(field);
     var info = MillistreamWidgetApi_getColumnInfo(widget, f.toString());
-    if (typeof value === 'undefined' || value == null || (!value && isNaN(value) == true)) { // kolla field?
+    if (typeof value === 'undefined' || value == null || (!value && isNaN(value) == true)) { 
         if (info[4] & 16) {
             value = '0.0';
         } else {
@@ -4084,7 +4084,7 @@ function print_field(widget, element, field, value, overridedecimals) {
                 else
                     element.innerHTML = formatFactorNumber(value, widget.settings.factor, widget.settings.num_decimals, widget.settings.thousandseparator, widget.settings.decimalseparator);
             } else if (info[4] & 4)
-                element.innerHTML = formatNiceNumber(value, widget.settings.thousandseparator, widget.settings.decimalseparator, 0); // no decimals
+                element.innerHTML = formatNiceNumber(value, widget.settings.thousandseparator, widget.settings.decimalseparator, 0); 
             else if (info[4] & 1 && overridedecimals)
                 element.innerHTML = formatNiceNumber(value, widget.settings.thousandseparator, widget.settings.decimalseparator, overridedecimals || widget.settings.num_decimals);
             else {
@@ -4102,8 +4102,8 @@ function print_field(widget, element, field, value, overridedecimals) {
 }
 
 function MillistreamWidgetApi_getColumnInfo(widget, name) {
-    // internal and external 
-    // return array with MDF_F_FIELD,type,align, name var, overridable decimal bitwise [1 = override output,2 = can override,4 = no decimals,8 can be shortened to M, K etc], 16 = override NULL with 0 , 32 = can color diff
+    
+    
     switch (name) {
         case '222':
         case 'accountsreceivable':
@@ -4194,7 +4194,7 @@ function MillistreamWidgetApi_getColumnInfo(widget, name) {
             return [232, 'numeric', 'right', widget.get_lang_text(name) || name, 8];
         case '404':
         case 'd1':
-            return [404, 'date', 'right', widget.get_lang_text(name) || name, 0]; // Security type
+            return [404, 'date', 'right', widget.get_lang_text(name) || name, 0]; 
         case '3':
         case 'date':
             return [3, 'date', 'right', widget.get_lang_text(name) || name, 0];
@@ -4448,10 +4448,10 @@ function MillistreamWidgetApi_getColumnInfo(widget, name) {
             return [229, 'numeric', 'right', widget.get_lang_text(name) || name, 8];
         case '395':
         case 'n2':
-            return [395, 'numeric', 'left', widget.get_lang_text(name) || name, 0]; // Security type
+            return [395, 'numeric', 'left', widget.get_lang_text(name) || name, 0]; 
         case '396':
         case 'n3':
-            return [396, 'numeric', 'left', widget.get_lang_text(name) || name, 0]; // Security type
+            return [396, 'numeric', 'left', widget.get_lang_text(name) || name, 0]; 
         case '22':
         case 'name':
             return [22, 'string', 'left', widget.get_lang_text(name) || name, 0];
@@ -4463,10 +4463,10 @@ function MillistreamWidgetApi_getColumnInfo(widget, name) {
             return [138, 'numeric', 'right', widget.get_lang_text(name) || name, 8];
         case '48':
         case 'newsid':
-            return [48, 'string', 'left', 'newsid', 0]; // hardoded should not be used by any display
+            return [48, 'string', 'left', 'newsid', 0]; 
         case 'newstype':
         case '86':
-            return [86, 'string', 'left', 'newstype', 0]; // hardoded should not be used by any display
+            return [86, 'string', 'left', 'newstype', 0]; 
         case '219':
         case 'noncurrentasset':
             return [219, 'numeric', 'right', widget.get_lang_text(name) || name, 8];
@@ -4526,13 +4526,13 @@ function MillistreamWidgetApi_getColumnInfo(widget, name) {
             return [98, 'string', 'left', widget.get_lang_text(name) || name, 0];
         case '180':
         case 's3':
-            return [180, 'string', 'left', widget.get_lang_text(name) || name, 0]; // Position
+            return [180, 'string', 'left', widget.get_lang_text(name) || name, 0]; 
         case '181':
         case 's4':
-            return [181, 'string', 'left', widget.get_lang_text(name) || name, 0]; // Position
+            return [181, 'string', 'left', widget.get_lang_text(name) || name, 0]; 
         case '393':
         case 's10':
-            return [393, 'string', 'left', widget.get_lang_text(name) || name, 0]; // comment
+            return [393, 'string', 'left', widget.get_lang_text(name) || name, 0]; 
         case '127':
         case 'sales':
             return [127, 'numeric', 'right', widget.get_lang_text(name) || name, 8];
@@ -4569,7 +4569,7 @@ function MillistreamWidgetApi_getColumnInfo(widget, name) {
         case '227':
         case 'totalassets':
             return [227, 'numeric', 'right', widget.get_lang_text(name) || name, 8];
-        case '1023': // TODO, define this with correct value
+        case '1023': 
         case 'totalnumberofshares':
             return [1023, 'numeric', 'right', widget.get_lang_text(name) || name, 8];
         case '233':
@@ -4618,7 +4618,7 @@ function MillistreamWidgetApi_getColumnInfo(widget, name) {
         case 'vega':
             return [703, 'numeric', 'right', widget.get_lang_text(name) || name, 0];
 
-            // brokerstats
+            
         case '3000':
         case 'boughtquantity':
             return [3000, 'numeric', 'right', widget.get_lang_text(name) || name, 4];
@@ -4806,7 +4806,7 @@ function MillistreamWidgetApi_getColumnInfo(widget, name) {
         case '3060':
         case 'soldturnoverytd':
             return [3060, 'numeric', 'left', widget.get_lang_text(name) || name, 4];
-            // key ratios egen definerade
+            
         case 'per_last':
         case '3100':
             return [3100, 'numeric', 'right', widget.get_lang_text(name) || name, 0];
@@ -4927,7 +4927,7 @@ function MillistreamWidgetApi_getColumnInfo(widget, name) {
         case 'latestreport':
         case '3140':
             return [3140, 'date', 'right', widget.get_lang_text(name) || name, 0];
-            // basicdata join fields
+            
         case 'fundcompanyname':
         case '3200':
             return [3200, 'string', 'left', widget.get_lang_text(name) || name, 0];
@@ -4946,17 +4946,17 @@ function MillistreamWidgetApi_getColumnInfo(widget, name) {
         case '3205':
         case 'underlyingsymbol':
             return [3204, 'string', 'left', widget.get_lang_text(name) || name, 0];
-        case '3206': // tmcwatch
+        case '3206': 
         case 'multiplier':
             return [3206, 'string', 'left', widget.get_lang_text(name) || name, 0];
-        case '3207': // tmcwach
+        case '3207': 
         case 'type':
             return [3207, 'string', 'left', widget.get_lang_text(name) || name, 0];
-        case '3208': // tmcwach
+        case '3208': 
         case 'direction':
             return [3208, 'string', 'left', widget.get_lang_text(name) || name, 0];
 
-            // optionwatch
+            
         case '3300':
         case 'iv30d':
         case 'ivXXd':
@@ -4999,8 +4999,8 @@ function MillistreamWidgetApi_getColumnInfo(widget, name) {
     }
 }
 
-function set_hashed_element(widget, insref, info, json, num_dec) { // called from push
-    // external : list
+function set_hashed_element(widget, insref, info, json, num_dec) { 
+    
     var key = insref + '_' + info[0];
     var arr = widget.cell_map.get(key);
     if (arr !== undefined) {
@@ -5010,9 +5010,9 @@ function set_hashed_element(widget, insref, info, json, num_dec) { // called fro
     }
 }
 
-// Create Element functions
+
 function MillistreamWidgetApi_addElementToMap(insref, field, element, widget) {
-    // internal
+    
     if (insref && field && widget && widget.cell_map) {
         var key = insref + '_' + field;
         var arr = widget.cell_map.get(key);
@@ -5028,7 +5028,7 @@ function MillistreamWidgetApi_addElementToMap(insref, field, element, widget) {
 }
 
 function MillistreamWidgetApi_addElement(widget, el, cl, parent, field, value, overridedecimals) {
-    // external
+    
     var element = document.createElement(el);
     if (cl)
         element.setAttribute('class', cl);
@@ -5111,7 +5111,7 @@ function MillistreamWidgetApi_addTableCell(widget, key, cl, parent, json, decima
             widget.settings.link_field.forEach(function(element) {
                 hrefparam[element] = json[element];
             });
-            if (info[0] == 1) { // headline, borde inte behövas i list
+            if (info[0] == 1) { 
                 td.onclick = function(e) {
                     hrefparam.event = e;
                     hrefparam.source = widget;
@@ -5227,7 +5227,7 @@ function fabs(value) {
 }
 
 function zeroPad(number, width) {
-    //internal 
+    
     if (number <= 9.9999999 * Math.pow(10, width)) return ("0000000" + number).slice(-width);
     return number;
 }
@@ -5272,7 +5272,7 @@ function formatNiceNumber(y, thousandSeparator, decimalSeparator, precision, add
 }
 
 function formatDate(date, format, widget) {
-    // internal
+    
     var timeStamp, mon, day;
     if (format == 'yyyy-mm-dd') {
         timeStamp = new Date(date);
@@ -5286,66 +5286,66 @@ function formatDate(date, format, widget) {
         day = timeStamp.getDate();
         return timeStamp.getFullYear() % 100 + '-' + (mon <= 9 ? '0' + mon : mon) + '-' + (day <= 9 ? '0' + day : day);
     }
-    if (format == 'b dd') { // Jan 01
+    if (format == 'b dd') { 
         timeStamp = new Date(date);
         mon = timeStamp.toDateString().split(' ');
         day = timeStamp.getDate();
         return mon[1] + ' ' + (day <= 9 ? '0' + day : day);
     }
-    if (format == 'b dd yyyy') { // Jan 01 2017
+    if (format == 'b dd yyyy') { 
         timeStamp = new Date(date);
         mon = timeStamp.toDateString().split(' ');
         day = timeStamp.getDate();
         return mon[1] + ' ' + (day <= 9 ? '0' + day : day) + ' ' + timeStamp.getFullYear();
     }
-    if (format == 'dd/mm') { // Jan 01 2017
+    if (format == 'dd/mm') { 
         timeStamp = new Date(date);
         mon = timeStamp.getMonth() + 1;
         day = timeStamp.getDate();
         return (day <= 9 ? '0' + day : day) + '/' + (mon <= 9 ? '0' + mon : mon);
     }
-    if (format == 'd/m') { // Jan 01 2017
+    if (format == 'd/m') { 
         timeStamp = new Date(date);
         return (timeStamp.getDate() + '/' + (timeStamp.getMonth() + 1));
     }
     if (format == 'd mmm yyyy') {
         timeStamp = new Date(date);
-        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); // lang....
+        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); 
         day = timeStamp.getDate();
         return day + ' ' + mon + ' ' + timeStamp.getFullYear();
     }
     if (format == 'dd mmm yyyy') {
         timeStamp = new Date(date);
-        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); // lang....
+        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); 
         day = timeStamp.getDate();
         return (day <= 9 ? '0' + day : day) + ' ' + mon + ' ' + timeStamp.getFullYear();
     }
     if (format == 'dd mmm') {
         timeStamp = new Date(date);
-        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); // lang....
+        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); 
         day = timeStamp.getDate();
         return (day <= 9 ? '0' + day : day) + ' ' + mon;
     }
     if (format == 'd mmm') {
         timeStamp = new Date(date);
-        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); // lang....
+        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); 
         day = timeStamp.getDate();
         return day + ' ' + mon;
     }
     if (format == 'mmm yyyy') {
         timeStamp = new Date(date);
-        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); // lang....
+        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); 
         timeStamp = mon + ' ' + timeStamp.getFullYear();
         return timeStamp;
     }
     if (format == 'mmm yy') {
         timeStamp = new Date(date);
-        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); // lang
+        mon = timeStamp.toLocaleString(widget.settings.locale, { month: 'short' }).substring(0, 3); 
         timeStamp = mon + ' ' + (timeStamp.getFullYear() % 100 < 9 ? '0' + timeStamp.getFullYear() % 100 : timeStamp.getFullYear() % 100);
         return timeStamp;
     }
 
-    // default yyyy-mm-dd
+    
     timeStamp = new Date(date);
     mon = timeStamp.getMonth() + 1;
     day = timeStamp.getDate();
@@ -5353,7 +5353,7 @@ function formatDate(date, format, widget) {
 }
 
 function formatTime(value, format) {
-    // internal
+    
     if (typeof value !== 'string') return "";
     var datetime = new Date();
     var tz_offset = datetime.getTimezoneOffset();
@@ -5582,7 +5582,7 @@ function MillistreamWidgetApi_scrollIntoView(scrollarea, elem, xalign, yalign) {
         scrollarea.scrollLeft = elem.offsetLeft - scrollarea.getBoundingClientRect().width / 2;
     }
 
-    // scrollIntoView : replace this, breaks apps
+    
 }
 
 var MillistreamWidgetSettings = {
@@ -5602,9 +5602,9 @@ function MillistreamWidgetStreamingApi(settings) {
         server: 'wss://stage.millistream.com:8900',
         alarmClient: null
     };
-    var m_requestid = 1; // 0 is invalid
+    var m_requestid = 1; 
     var m_socket = null;
-    var m_requests = []; // queued requests not sent
+    var m_requests = []; 
     var m_requestcallbacks = new Map();
 
 
@@ -5637,7 +5637,7 @@ function MillistreamWidgetStreamingApi(settings) {
             req = new Object({
                 "widget": widget,
             });
-            m_requestcallbacks.set(requestid.toString(), req); // this requestid will be forarded to this widget
+            m_requestcallbacks.set(requestid.toString(), req); 
         }
         var request = '';
         if (MillistreamWidgetApi_isObjectEmpty(widget.unsubscriptions) == false) {
@@ -5699,7 +5699,7 @@ function MillistreamWidgetStreamingApi(settings) {
 
 
         widget.unsubscriptions.type = 'insrefs';
-        widget.unsubscriptions.insrefs = insrefs.slice(0); // copy array
+        widget.unsubscriptions.insrefs = insrefs.slice(0); 
         widget.unsubscriptions.messagetypes = widget.settings.messagetypes;
         widget.unsubscriptions.requestid = requestid;
 
@@ -5712,7 +5712,7 @@ function MillistreamWidgetStreamingApi(settings) {
 
     function reconnect() {
         if (!m_socket.CLOSED) {
-            //console.log('not closed');
+            
             return;
         }
         m_requests.forEach(function(request) {
@@ -5731,21 +5731,21 @@ function MillistreamWidgetStreamingApi(settings) {
         try {
             m_socket = new WebSocket(_this.settings.server);
             m_socket.onopen = function() {
-                console.log('Connected to millistream push'); /*RemoveLogging:skip*/
+                () => {};
                 if (m_requests.length > 0) {
                     m_requests.forEach(function(request) {
                         if (request.send == 0) {
-                            //console.log('rerequest:', request.request);
+                            
                             m_socket.send('{ "token":"' + _this.settings.token + '",' + request.request);
                         }
                     });
                 }
             };
             m_socket.onerror = function() {
-                console.log('Error, disconnected'); /*RemoveLogging:skip*/
+                () => {};
             };
             m_socket.onclose = function() {
-                console.log('Disconnected'); /*RemoveLogging:skip*/
+                () => {};
                 reconnect();
             };
 
@@ -5754,9 +5754,9 @@ function MillistreamWidgetStreamingApi(settings) {
                 try {
                     jsondata = JSON.parse(msg.data);
                 } catch (e) {
-                    console.log('invalid data', msg.data); /*RemoveLogging:skip*/
+                    () => {};
                 }
-                //console.log(JSON.stringify(jsondata));
+                
                 if (typeof jsondata.instruments !== 'undefined') {
                     for (var s = 0; s < jsondata.instruments.length; s++) {
                         var insref = jsondata.instruments[s].insref;
@@ -5782,16 +5782,16 @@ function MillistreamWidgetStreamingApi(settings) {
                     if (_this.settings.statusCallback !== null) _this.settings.statusCallback(jsondata);
                 } else
                 if (typeof jsondata.alarm !== 'undefined') {
-                    console.log('Alarm: ' + JSON.stringify(jsondata));
+                    () => {};
                     if (null != _this.settings.alarmClient) {
                         _this.settings.alarmClient(jsondata);
                     }
 
                 } else
-                    console.log(JSON.stringify(jsondata)); /*RemoveLogging:skip*/
+                    () => {};
             };
         } catch (exception) {
-            console.log('Exception error: ' + exception); /*RemoveLogging:skip*/
+            () => {};
             reconnect();
         }
     }