tvcharts 0.9.11 → 0.9.12

package/lib/chart/candlePlot/candlePlotLayout.js

@@ -228,7 +228,7 @@ function optimalCandlestickWidth(barSpacing, pixelRatio) {
   var barSpacingSpecialCaseTo = 4;
   var barSpacingSpecialCaseCoeff = 3;
   if (barSpacing >= barSpacingSpecialCaseFrom && barSpacing <= barSpacingSpecialCaseTo) {
-    return Math.floor(barSpacingSpecialCaseCoeff * pixelRatio) - 2;
+    return Math.floor(barSpacingSpecialCaseCoeff * pixelRatio) - 1;
   }
   // coeff should be 1 on small barspacing and go to 0.8 while groing bar spacing
   var barSpacingReducingCoeff = 0.2;

package/lib/component/events/EventsView.js

@@ -46,6 +46,9 @@ import ComponentView from "../../view/Component.js";
 import { each } from "tvrender/lib/core/util.js";
 import * as graphic from "../../util/graphic.js";
 var r = 15;
+var optimizeX = function (x, lineWidth) {
+  return lineWidth % 2 === 0 ? x : Math.floor(x) + 0.5;
+};
 var EventsView = /** @class */function (_super) {
   __extends(EventsView, _super);
   function EventsView() {
@@ -59,7 +62,7 @@ var EventsView = /** @class */function (_super) {
   }
   EventsView.prototype.init = function (ecModel, api) {
     this._api = api;
-    // api.getZr().on('mousemove', this._mouseMove, this);
+    // api.getZr().on('mousemove', this._eventClick, this);
   };
 
   EventsView.prototype.render = function (eventsModel, ecModel, api) {
@@ -118,6 +121,7 @@ var EventsView = /** @class */function (_super) {
         var id = time + "_" + item.id;
         var isSelected = selectedEventViewId === id;
         var renderZ = isSelected ? z + 1 : z;
+        var imgGroup = new graphic.Group();
         var img = new graphic.Image({
           style: {
             image: item.url,
@@ -139,7 +143,7 @@ var EventsView = /** @class */function (_super) {
           }
         });
         img.setClipPath(clipPath);
-        group.add(img);
+        imgGroup.add(img);
         var rect = new graphic.Rect({
           shape: {
             x: x + 5 - borderWidth / 2,
@@ -150,7 +154,8 @@ var EventsView = /** @class */function (_super) {
           },
           style: {
             stroke: "#ED544F",
-            fill: "none"
+            fill: "none",
+            lineWidth: borderWidth
           },
           z2: z2,
           z: renderZ
@@ -162,7 +167,7 @@ var EventsView = /** @class */function (_super) {
             this.hoverEventId = '';
           }
         }
-        group.add(rect);
+        imgGroup.add(rect);
         if (i !== list.length - 1) {
           y = y - 24;
         }
@@ -195,21 +200,23 @@ var EventsView = /** @class */function (_super) {
             }
           });
         };
-        img.onmouseout = mouseout;
-        img.onmousemove = mouseMove;
-        img.onmouseover = mouseover;
-        img.onclick = click;
-        rect.onmouseout = mouseout;
-        rect.onmousemove = mouseMove;
-        rect.onmouseover = mouseover;
-        rect.onclick = click;
+        imgGroup.onmouseout = mouseout;
+        imgGroup.onmousemove = mouseMove;
+        imgGroup.onmouseover = mouseover;
+        imgGroup.onclick = click;
+        group.add(imgGroup);
+        // rect.onmouseout = mouseout;
+        // rect.onmousemove = mouseMove;
+        // rect.onmouseover = mouseover;
+        // rect.onclick = click;
       }, this_1);
       if (lineVisible && list.length) {
+        var linex = optimizeX(x + 15, lineStyle.width);
         var line = new graphic.Line({
           shape: {
-            x1: x + 15,
+            x1: linex,
             y1: 0,
-            x2: x + 15,
+            x2: linex,
             y2: y
           },
           silent: true,
@@ -230,6 +237,8 @@ var EventsView = /** @class */function (_super) {
       if (state_1 === "break") break;
     }
   };
+  // _eventClick(e: any){
+  // }
   EventsView.prototype._mouseMove = function (e) {
     this._lastPoint = {
       x: e.offsetX,
@@ -242,7 +251,9 @@ var EventsView = /** @class */function (_super) {
       x: 0,
       y: 0
     };
+    // this._api && this._api.getZr()?.off('mousemove', this._eventClick);
   };
+
   EventsView.type = "events";
   return EventsView;
 }(ComponentView);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tvcharts",
-  "version": "0.9.11",
+  "version": "0.9.12",
   "main": "dist/echarts.js",
   "module": "index.js",
   "jsdelivr": "dist/echarts.min.js",