Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
半栈学徒
incubator-echarts
提交
ebedea35
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,发现更多精彩内容 >>
提交
ebedea35
编写于
10月 05, 2015
作者:
L
lang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Bar animation and label improvement on all direction
上级
f2534976
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
32 addition
and
10 deletion
+32
-10
src/chart/bar/BarView.js
src/chart/bar/BarView.js
+31
-9
src/chart/helper/DataSymbol.js
src/chart/helper/DataSymbol.js
+1
-1
未找到文件。
src/chart/bar/BarView.js
浏览文件 @
ebedea35
...
...
@@ -26,6 +26,13 @@ define(function (require) {
var
data
=
seriesModel
.
getData
();
var
oldData
=
this
.
_data
;
var
cartesian
=
seriesModel
.
coordinateSystem
;
var
baseAxis
=
cartesian
.
getBaseAxis
();
var
isInverse
=
cartesian
.
getOtherAxis
(
baseAxis
).
inverse
;
var
isHorizontal
=
baseAxis
.
isHorizontal
();
var
enableAnimation
=
ecModel
.
get
(
'
animation
'
);
data
.
diff
(
oldData
)
.
add
(
function
(
dataIndex
)
{
// 空数据
...
...
@@ -35,11 +42,7 @@ define(function (require) {
var
layout
=
data
.
getItemLayout
(
dataIndex
);
var
rect
=
new
graphic
.
Rect
({
shape
:
{
x
:
layout
.
x
,
y
:
layout
.
y
+
layout
.
height
,
width
:
layout
.
width
}
shape
:
zrUtil
.
extend
({},
layout
)
});
data
.
setItemGraphicEl
(
dataIndex
,
rect
);
...
...
@@ -47,9 +50,24 @@ define(function (require) {
group
.
add
(
rect
);
// Animation
rect
.
animateTo
({
shape
:
layout
},
1000
,
300
*
dataIndex
/
data
.
count
(),
'
cubicOut
'
);
if
(
enableAnimation
)
{
var
rectShape
=
rect
.
shape
;
if
(
isHorizontal
)
{
rectShape
.
height
=
0
;
if
(
!
isInverse
)
{
rectShape
.
y
=
layout
.
y
+
layout
.
height
;
}
}
else
{
rectShape
.
width
=
0
;
if
(
isInverse
)
{
rectShape
.
x
=
layout
.
x
+
layout
.
width
;
}
}
rect
.
animateTo
({
shape
:
layout
},
1000
,
300
*
dataIndex
/
data
.
count
(),
'
cubicOut
'
);
}
})
.
update
(
function
(
newIndex
,
oldIndex
)
{
var
rect
=
oldData
.
getItemGraphicEl
(
oldIndex
);
...
...
@@ -82,6 +100,9 @@ define(function (require) {
})
.
execute
();
var
labelPositionOutside
=
isHorizontal
?
(
isInverse
?
'
bottom
'
:
'
top
'
)
:
(
isInverse
?
'
left
'
:
'
right
'
);
data
.
eachItemGraphicEl
(
function
(
rect
,
idx
)
{
var
itemModel
=
data
.
getItemModel
(
idx
);
var
labelModel
=
itemModel
.
getModel
(
'
itemStyle.normal.label
'
);
...
...
@@ -96,10 +117,11 @@ define(function (require) {
var
labelPosition
=
labelModel
.
get
(
'
position
'
)
||
'
inside
'
;
// FIXME
var
labelColor
=
labelPosition
===
'
inside
'
?
'
white
'
:
color
;
rect
.
setStyle
({
text
:
data
.
getRawValue
(
idx
),
textFont
:
labelModel
.
getModel
(
'
textStyle
'
).
getFont
(),
textPosition
:
label
Model
.
get
(
'
position
'
)
===
'
outside
'
?
'
top
'
:
'
inside
'
,
textPosition
:
label
Position
===
'
outside
'
?
labelPositionOutside
:
'
inside
'
,
textFill
:
labelColor
});
}
...
...
src/chart/helper/DataSymbol.js
浏览文件 @
ebedea35
...
...
@@ -194,7 +194,7 @@ define(function (require) {
// FIXME
text
:
data
.
get
(
lastDim
,
idx
),
textFont
:
labelModel
.
getModel
(
'
textStyle
'
).
getFont
(),
textPosition
:
label
Model
.
get
(
'
position
'
)
===
'
outside
'
?
'
top
'
:
'
inside
'
,
textPosition
:
label
Position
,
textFill
:
labelColor
});
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录