Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
半栈学徒
incubator-echarts
提交
ae6b6359
I
incubator-echarts
项目概览
半栈学徒
/
incubator-echarts
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
I
incubator-echarts
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
ae6b6359
编写于
2月 27, 2021
作者:
P
plainheart
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(tooltip): fix tooltip position may be incorrect.
上级
ce4d2375
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
8 addition
and
4 deletion
+8
-4
src/component/tooltip/TooltipHTMLContent.ts
src/component/tooltip/TooltipHTMLContent.ts
+8
-4
未找到文件。
src/component/tooltip/TooltipHTMLContent.ts
浏览文件 @
ae6b6359
...
...
@@ -104,17 +104,19 @@ function assembleTransition(duration: number, onlyFade?: boolean): string {
function
assembleTransform
(
el
:
HTMLElement
,
x
:
number
,
y
:
number
,
zrHeight
:
number
,
toString
?:
boolean
)
{
// If using float on style, the final width of the dom might
// keep changing slightly while mouse move. So `toFixed(0)` them.
const
x0
=
x
.
toFixed
(
0
);
const
x0
=
(
x
-
10
)
.
toFixed
(
0
);
let
y0
;
// not support transform, use `left` and `top` instead.
if
(
!
env
.
transformSupported
)
{
y0
=
(
y
-
el
.
offsetHeight
/
2
)
.
toFixed
(
0
);
y0
=
y
.
toFixed
(
0
);
return
toString
?
`top:
${
y0
}
px;left:
${
x0
}
px;`
:
[[
'
top
'
,
`
${
y0
}
px`
],
[
'
left
'
,
`
${
x0
}
px`
]];
}
// support transform
y0
=
(
y
-
zrHeight
).
toFixed
(
0
);
// PENDING: don't minus `zrHeight` and keep consistent with top?
// why there is a 10px gap?
y0
=
(
y
-
zrHeight
-
10
).
toFixed
(
0
);
const
is3d
=
env
.
transform3dSupported
;
const
translate
=
`translate
${
is3d
?
'
3d
'
:
''
}
(
${
x0
}
px,
${
y0
}
px
${
is3d
?
'
,0
'
:
''
}
)`
;
return
toString
...
...
@@ -370,13 +372,15 @@ class TooltipHTMLContent {
clearTimeout
(
this
.
_longHideTimeout
);
const
el
=
this
.
el
;
const
style
=
el
.
style
;
const
styleCoord
=
this
.
_styleCoord
;
if
(
!
el
.
innerHTML
)
{
style
.
display
=
'
none
'
;
}
else
{
style
.
cssText
=
gCssText
+
assembleCssText
(
tooltipModel
,
!
this
.
_firstShow
,
this
.
_longHide
)
+
`
${
TRANSFORM_VENDOR
}
:
${
style
[
TRANSFORM_VENDOR
as
any
]}
;`
// initial transform
+
assembleTransform
(
el
,
styleCoord
[
0
],
styleCoord
[
1
],
this
.
_zr
.
getHeight
(),
true
)
+
`border-color:
${
convertToColorString
(
nearPointColor
)}
;`
+
(
tooltipModel
.
get
(
'
extraCssText
'
)
||
''
)
// If mouse occasionally move over the tooltip, a mouseout event will be
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录