@millistream/millistream-widgets 0.0.21 → 1.0.2

package/README.md

@@ -45,12 +45,66 @@ loadChart) {
         gridHorizontalLines: 0,
         gridHorizontalLinesStyle: 'normal',
         gridVerticalLines: 1,
-        chartlen: '1y',
+        chartlen: '2d',
         dateformat: 'b dd',
         drawyaxis: true,
         fillchart: true,
         timeformat: 'HH:mm',
         streaming: pushapi,
+        fillchart: true,
+        timeformat: 'HH:mm',
+        streaming: pushapi,
+        instrumentStyle: {
+          color: '#f90',
+          backgroundLinearGradient: {
+            topColor: 'rgba(255,153,0,0.6)',
+            bottomColor: 'rgba(255,153,0,0.1)',
+          },
+          width: 1,
+        },
+        horizontalLegendStyle: {
+          fontSize: '11px',
+          fontFamily: 'Arial, Helvetica, sans-serif',
+        },
+        verticalLegendStyle: {
+          fontSize: '11px',
+          fontFamily: 'Arial, Helvetica, sans-serif',
+        },
+        tooltip: {
+          // @ts-ignore
+          formatter: function () {
+            // @ts-ignore
+            var date = formatDate(this.data.date, 'yyyy-mm-dd');
+            var time = '';
+            // @ts-ignore
+            if (this.chartType == 'trades') {
+              // @ts-ignore
+              var hour = this.data.date.getHours();
+              var minute = '';
+              // @ts-ignore
+              if (this.data.date.getMinutes() < 10) minute = '0';
+              // @ts-ignore
+              minute += this.data.date.getMinutes();
+              time = hour + ':' + minute;
+            }
+            // @ts-ignore
+            return (
+              '<span class="tooltip-name">' +
+              // @ts-ignore
+              this.name +
+              '</span><br>' +
+              // @ts-ignore
+              this.data.price +
+              ', ' +
+              // @ts-ignore
+              this.data.diff.toFixed(2) +
+              '%</br>' +
+              date +
+              ' ' +
+              time
+            );
+          },
+        },
     });
 
 })();
@@ -67,19 +121,6 @@ loadChart) {
   position: relative;
 }
 
-.millistream-chart {
-  margin-bottom: 30px;
-}
-
-.millistream-chart-instrument {
-  color: #f90;
-  background-image: linear-gradient(
-    rgba(255, 153, 0, 0.6),
-    rgba(255, 153, 0, 0)
-  );
-  width: 2px;
-}
-
 .millistream-chart-tooltip {
   position: absolute;
   background: #ffffff;
@@ -88,7 +129,6 @@ loadChart) {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   padding: 2px;
-  height: 14px;
   pointer-events: none;
 }
 
@@ -100,23 +140,6 @@ loadChart) {
   pointer-events: none;
 }
 
-.millistream-chart-x-legend {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-}
-
-.millistream-chart-y-legend {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  float: left;
-}
-
-.millistream-chart-y2-legend {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  float: right;
-}
-
 .millistream-chart-zoombox {
   position: absolute;
   background: rgb(255, 153, 0, 0.1);
@@ -129,4 +152,4 @@ Please refer to non npm-version documentation on widget customization.
 https://widgets.millistream.com/3.0.3/doc/widgets.html
 
 ## Support
-https://www.millistream.com
+https://www.millistream.com

package/millistream-widgets.js

@@ -91,18 +91,13 @@ function Milli_Chart(settings) {
 
     var m_chartCss = {
         backgroundColor: '#fffcf8',
-        marginTop: 20,
-        marginBottom: 30,
-        marginLeft: 40,
-        marginRight: 40,
-        boxShadow: {
-            topWidth: 2,
-            rightWidth: 2,
-            color: '#02020230'
-        },
+        marginTop: 0,
+        marginBottom: 0,
+        marginLeft: 0,
+        marginRight: 0
     };
-    if (_this.settings.chartstyle) {
-        MillistreamWidgetApi_AssignObject(_this.settings.chartstyle, m_chartCss);
+    if (_this.settings.chartStyle) {
+        MillistreamWidgetApi_AssignObject(_this.settings.chartStyle, m_chartCss);
     }
     var m_xLegendCss = {
         fontSize: '10px',
@@ -659,7 +654,7 @@ function Milli_Chart(settings) {
                 if ((number == 1 && _this.settings.drawyaxis == true) || (number == 2 && _this.settings.drawy2axis == true)) {
                     var label;
                     if (number == 2)
-                        label = formatNiceNumber(value, _this.settings.thousandseparator, _this.settings.decimalseparator, si.decimals, true);
+                        label = formatNiceNumber(value, _this.settings.thousandseparator, _this.settings.decimalseparator, si.decimals, true) + '%';
                     else
                         label = formatNiceNumber(value, _this.settings.thousandseparator, _this.settings.decimalseparator, si.decimals, false);
                     var textpos = x - 5;
@@ -1764,20 +1759,20 @@ function Milli_Chart(settings) {
     };
 
     function drawBoxShadow(space) {
-        if (typeof m_chartCss.boxShadow === 'undefined' && typeof m_chartCss.boxShadow.color !== 'undefined') return;
+        if (typeof m_chartCss.boxShadow === 'undefined' || typeof m_chartCss.boxShadow.color === 'undefined') return;
         m_ctx.save();
         m_ctx.beginPath();
         m_ctx.strokeStyle = m_chartCss.boxShadow.color;
         if (typeof m_chartCss.boxShadow.topWidth !== 'undefined' && m_chartCss.boxShadow.topWidth > 0) {
             m_ctx.lineWidth = m_chartCss.boxShadow.topWidth;
-            m_ctx.moveTo(space.left, space.top);
-            m_ctx.lineTo(space.right, space.top);
+            m_ctx.moveTo(space.left + 0.5, space.top + 0.5);
+            m_ctx.lineTo(space.right + 0.5, space.top + 0.5);
             m_ctx.stroke();
         }
         if (typeof m_chartCss.boxShadow.rightWidth !== 'undefined' && m_chartCss.boxShadow.rightWidth > 0) {
             m_ctx.lineWidth = m_chartCss.boxShadow.rightWidth;
-            m_ctx.moveTo(space.right, space.top + 0.5);
-            m_ctx.lineTo(space.right, space.bottom);
+            m_ctx.moveTo(space.right + 0.5, space.top + 0.5);
+            m_ctx.lineTo(space.right + 0.5, space.bottom + 0.5);
             m_ctx.stroke();
         }
         m_ctx.closePath();
@@ -3549,6 +3544,9 @@ function MillistreamWidgetApi_getColumnInfo(widget, name) {
         case '1022':
         case 'marketcap':
             return [1022, 'numeric', 'right', widget.get_lang_text(name) || name, 12];
+	case '54':
+        case 'marketplace':
+            return [54, 'numeric', 'left', widget.get_lang_text(name) || name, 0];
         case 'marketplacename':
             return [0, 'string', 'left', widget.get_lang_text(name) || name, 0];
         case '119':
@@ -4691,6 +4689,7 @@ var MillistreamWidgetSettings = {
     thousandseparator: ' ',
     streaming: false
 };
+
 function MillistreamWidgetStreamingApi(settings) {
     var _this = this;
     _this.settings = {

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@millistream/millistream-widgets",
-  "version": "0.0.21",
+  "version": "1.0.2",
   "description": "Millistream widgets node package",
   "main": "millistream-widgets.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "Mats Fors (http://www.millistream.com)",
-  "license": "GPL-3.0"
+  "license": "GPL-3.0",
+  "repository": {
+    "private": true
+  }
 }