Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
半栈学徒
incubator-echarts
提交
f543734d
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,发现更多精彩内容 >>
提交
f543734d
编写于
10月 20, 2020
作者:
P
pissang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: optimize symbol animation
上级
5e3ed2b2
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
17 addition
and
18 deletion
+17
-18
src/chart/helper/Symbol.ts
src/chart/helper/Symbol.ts
+13
-15
src/chart/line/LineView.ts
src/chart/line/LineView.ts
+4
-3
未找到文件。
src/chart/helper/Symbol.ts
浏览文件 @
f543734d
...
...
@@ -177,20 +177,19 @@ class Symbol extends graphic.Group {
if
(
isInit
)
{
const
symbolPath
=
this
.
childAt
(
0
)
as
ECSymbol
;
const
target
:
PathProps
=
{
scaleX
:
this
.
_sizeX
,
scaleY
:
this
.
_sizeY
,
style
:
{
// Always fadeIn. Because it has fadeOut animation when symbol is removed..
opacity
:
symbolPath
.
style
.
opacity
}
};
symbolPath
.
scaleX
=
symbolPath
.
scaleY
=
0
;
symbolPath
.
style
.
opacity
=
0
;
disableAnimation
?
symbolPath
.
attr
(
target
)
:
graphic
.
initProps
(
symbolPath
,
target
,
seriesModel
,
idx
);
if
(
!
disableAnimation
)
{
const
target
:
PathProps
=
{
scaleX
:
this
.
_sizeX
,
scaleY
:
this
.
_sizeY
,
style
:
{
// Always fadeIn. Because it has fadeOut animation when symbol is removed..
opacity
:
symbolPath
.
style
.
opacity
}
};
symbolPath
.
scaleX
=
symbolPath
.
scaleY
=
0
;
symbolPath
.
style
.
opacity
=
0
;
graphic
.
initProps
(
symbolPath
,
target
,
seriesModel
,
idx
);
}
}
this
.
_seriesModel
=
seriesModel
;
...
...
@@ -335,7 +334,6 @@ class Symbol extends graphic.Group {
emphasisState
.
scaleX
=
this
.
_sizeX
*
scaleRatio
;
emphasisState
.
scaleY
=
this
.
_sizeY
*
scaleRatio
;
}
this
.
setSymbolScale
(
1
);
enableHoverEmphasis
(
this
,
focus
,
blurScope
);
...
...
src/chart/line/LineView.ts
浏览文件 @
f543734d
...
...
@@ -1008,7 +1008,10 @@ class LineView extends ChartView {
const
delay
=
typeof
seriesDalay
===
'
function
'
?
seriesDalay
(
idx
)
:
(
seriesDuration
*
ratio
)
+
seriesDalayValue
;
el
.
animateFrom
({
const
symbolPath
=
el
.
getSymbolPath
();
const
text
=
symbolPath
.
getTextContent
();
symbolPath
.
animateFrom
({
scaleX
:
0
,
scaleY
:
0
},
{
...
...
@@ -1016,8 +1019,6 @@ class LineView extends ChartView {
delay
:
delay
});
const
symbolPath
=
el
.
getSymbolPath
();
const
text
=
symbolPath
.
getTextContent
();
if
(
text
)
{
text
.
animateFrom
({
style
:
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录