build: v8.6.3

klinecharts · Oct 29, 2022 · fdef0f9 · fdef0f9
1 parent 4ff7afc
commit fdef0f9
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 4 deletions.
diff --git a/docs/en/changelog.md b/docs/en/changelog.md
@@ -1,5 +1,9 @@
 # Change Log
 
+## 8.6.3
+`2022-10-29`
++ 💄 Optimize the display of high and low prices.
+
 ## 8.6.2
 `2022-09-18`
 + 🐞 Fix `scrollToXxx` related bugs.

diff --git a/docs/zh-CN/changelog.md b/docs/zh-CN/changelog.md
@@ -1,4 +1,8 @@
 # 更新日志
+## 8.6.3
+`2022-10-29`
++ 💄 最优化高最低价显示。
+
 ## 8.6.2
 `2022-09-18`
 + 🐞 修复`scrollToXxx`相关错误。

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "klinecharts",
-  "version": "8.6.2",
+  "version": "8.6.3",
   "description": "Lightweight k-line chart built with html5 canvas",
   "main": "index.js",
   "types": "./types/index.d.ts",

diff --git a/src/view/CandleView.js b/src/view/CandleView.js
@@ -182,20 +182,31 @@ export default class CandleView extends TechnicalIndicatorView {
       ]
     )
 
+    let lineEndX
+    let textStartX
+    if (startX > this._width / 2) {
+      lineEndX = startX - 5
+      textStartX = lineEndX - options.textMargin
+      this._ctx.textAlign = 'right'
+    } else {
+      lineEndX = startX + 5
+      this._ctx.textAlign = 'left'
+      textStartX = lineEndX + options.textMargin
+    }
+
     // 绘制竖线
     const y = startY + offset[1]
     renderLine(
       this._ctx,
       [
         { x: startX, y: startY },
         { x: startX, y },
-        { x: startX + 5, y }
+        { x: lineEndX, y }
       ]
     )
-
     this._ctx.font = createFont(options.textSize, options.textWeight, options.textFamily)
     const text = formatPrecision(price, precision)
-    this._ctx.fillText(text, startX + 5 + options.textMargin, y)
+    this._ctx.fillText(text, textStartX, y)
   }
 
   /**