center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

Merge pull request #8198 from dataease/pr@dev-v2@fix_markline2

Browse Source 
fix(数据大屏): 修复对标线未显示问题
This commit is contained in:
王嘉豪 2024-02-28 10:19:37 +08:00 committed by GitHub
commit bcade9567f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
core/core-frontend/src/components/data-visualization/canvas/MarkLine.vue
View File

@ -26,7 +26,7 @@ const hideLine = () => {
}
const showLine = (isDownward, isRightward) => {
const lines = currentInstance.ctx.$refs
const linesRef = currentInstance.ctx.$refs
const components = componentData.value
const curComponentStyle = getComponentRotatedStyle(curComponent.value.style)
const curComponentHalfWidth = curComponentStyle.width / 2
@ -44,14 +44,14 @@ const showLine = (isDownward, isRightward) => {
top: [
{
isNearly: isNearly(curComponentStyle.top, top),
lineNode: lines.xt[0], // xt
lineNode: linesRef.xt[0], // xt
line: 'xt',
dragShift: top,
lineShift: top
},
{
isNearly: isNearly(curComponentStyle.bottom, top),
lineNode: lines.xt[0], // xt
lineNode: linesRef.xt[0], // xt
line: 'xt',
dragShift: top - curComponentStyle.height,
lineShift: top
@ -62,21 +62,21 @@ const showLine = (isDownward, isRightward) => {
curComponentStyle.top + curComponentHalfHeight,
top + componentHalfHeight
),
lineNode: lines.xc[0], // xc
lineNode: linesRef.xc[0], // xc
line: 'xc',
dragShift: top + componentHalfHeight - curComponentHalfHeight,
lineShift: top + componentHalfHeight
},
{
isNearly: isNearly(curComponentStyle.top, bottom),
lineNode: lines.xb[0], // xb
lineNode: linesRef.xb[0], // xb
line: 'xb',
dragShift: bottom,
lineShift: bottom
},
{
isNearly: isNearly(curComponentStyle.bottom, bottom),
lineNode: lines.xb[0], // xb
lineNode: linesRef.xb[0], // xb
line: 'xb',
dragShift: bottom - curComponentStyle.height,
lineShift: bottom
@ -85,14 +85,14 @@ const showLine = (isDownward, isRightward) => {
left: [
{
isNearly: isNearly(curComponentStyle.left, left),
lineNode: lines.yl[0], // yl
lineNode: linesRef.yl[0], // yl
line: 'yl',
dragShift: left,
lineShift: left
},
{
isNearly: isNearly(curComponentStyle.right, left),
lineNode: lines.yl[0], // yl
lineNode: linesRef.yl[0], // yl
line: 'yl',
dragShift: left - curComponentStyle.width,
lineShift: left
@ -103,21 +103,21 @@ const showLine = (isDownward, isRightward) => {
curComponentStyle.left + curComponentHalfWidth,
left + componentHalfWidth
),
lineNode: lines.yc[0], // yc
lineNode: linesRef.yc[0], // yc
line: 'yc',
dragShift: left + componentHalfWidth - curComponentHalfWidth,
lineShift: left + componentHalfWidth
},
{
isNearly: isNearly(curComponentStyle.left, right),
lineNode: lines.yr[0], // yr
lineNode: linesRef.yr[0], // yr
line: 'yr',
dragShift: right,
lineShift: right
},
{
isNearly: isNearly(curComponentStyle.right, right),
lineNode: lines.yr[0], // yr
lineNode: linesRef.yr[0], // yr
line: 'yr',
dragShift: right - curComponentStyle.width,
lineShift: right