Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
半栈学徒
incubator-echarts
提交
3876ad0a
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,发现更多精彩内容 >>
提交
3876ad0a
编写于
5月 26, 2016
作者:
L
lang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Graph focus opacity tweak
上级
b6c83a04
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
22 addition
and
15 deletion
+22
-15
src/chart/graph/GraphView.js
src/chart/graph/GraphView.js
+17
-10
src/chart/helper/Symbol.js
src/chart/helper/Symbol.js
+5
-5
未找到文件。
src/chart/graph/GraphView.js
浏览文件 @
3876ad0a
...
...
@@ -104,10 +104,10 @@ define(function (require) {
el
.
setDraggable
(
draggable
&&
forceLayout
);
el
.
off
(
'
mouseover
'
,
this
.
_focusNodeAdjacency
);
el
.
off
(
'
mouseout
'
,
this
.
_unfocus
NodeAdjacency
);
el
.
off
(
'
mouseout
'
,
this
.
_unfocus
All
);
if
(
itemModel
.
get
(
'
focusNodeAdjacency
'
))
{
el
.
on
(
'
mouseover
'
,
this
.
_focusNodeAdjacency
,
this
);
el
.
on
(
'
mouseout
'
,
this
.
_unfocus
NodeAdjacency
,
this
);
el
.
on
(
'
mouseout
'
,
this
.
_unfocus
All
,
this
);
}
},
this
);
...
...
@@ -121,10 +121,19 @@ define(function (require) {
var
dataIndex
=
el
.
dataIndex
;
var
dataType
=
el
.
dataType
;
function
fadeOut
(
child
)
{
if
(
child
.
type
!==
'
group
'
)
{
child
.
setStyle
(
'
opacity
'
,
0.2
);
function
fadeOutItem
(
item
,
opacityPath
)
{
var
opacity
=
getItemOpacity
(
item
,
opacityPath
);
var
el
=
item
.
getGraphicEl
();
if
(
opacity
==
null
)
{
opacity
=
1
;
}
el
.
traverse
(
function
(
child
)
{
child
.
trigger
(
'
normal
'
);
if
(
child
.
type
!==
'
group
'
)
{
child
.
setStyle
(
'
opacity
'
,
opacity
*
0.1
);
}
});
}
function
fadeInItem
(
item
,
opacityPath
)
{
...
...
@@ -140,12 +149,10 @@ define(function (require) {
}
if
(
dataIndex
!==
null
&&
dataType
!==
'
edge
'
)
{
graph
.
eachNode
(
function
(
node
)
{
var
el
=
node
.
getGraphicEl
();
el
.
traverse
(
fadeOut
);
fadeOutItem
(
node
,
nodeOpacityPath
);
});
graph
.
eachEdge
(
function
(
edge
)
{
var
el
=
edge
.
getGraphicEl
();
el
.
traverse
(
fadeOut
);
fadeOutItem
(
edge
,
lineOpacityPath
);
});
var
node
=
graph
.
getNodeByIndex
(
dataIndex
);
...
...
@@ -160,7 +167,7 @@ define(function (require) {
}
},
_unfocus
NodeAdjacency
:
function
()
{
_unfocus
All
:
function
()
{
var
data
=
this
.
_model
.
getData
();
var
graph
=
data
.
graph
;
graph
.
eachNode
(
function
(
node
)
{
...
...
src/chart/helper/Symbol.js
浏览文件 @
3876ad0a
...
...
@@ -116,6 +116,8 @@ define(function (require) {
* @param {number} idx
*/
symbolProto
.
updateData
=
function
(
data
,
idx
)
{
this
.
silent
=
false
;
var
symbolType
=
data
.
getItemVisual
(
idx
,
'
symbol
'
)
||
'
circle
'
;
var
seriesModel
=
data
.
hostModel
;
var
symbolSize
=
normalizeSymbolSize
(
data
.
getItemVisual
(
idx
,
'
symbolSize
'
));
...
...
@@ -141,6 +143,7 @@ define(function (require) {
symbolProto
.
_updateCommon
=
function
(
data
,
idx
,
symbolSize
)
{
var
symbolPath
=
this
.
childAt
(
0
);
var
seriesModel
=
data
.
hostModel
;
var
itemModel
=
data
.
getItemModel
(
idx
);
var
normalItemStyleModel
=
itemModel
.
getModel
(
normalStyleAccessPath
);
...
...
@@ -247,11 +250,8 @@ define(function (require) {
symbolProto
.
fadeOut
=
function
(
cb
)
{
var
symbolPath
=
this
.
childAt
(
0
);
// Avoid trigger hoverAnimation when fading
symbolPath
.
off
(
'
mouseover
'
)
.
off
(
'
mouseout
'
)
.
off
(
'
emphasis
'
)
.
off
(
'
normal
'
);
// Avoid mistaken hover when fading out
this
.
silent
=
true
;
// Not show text when animating
symbolPath
.
style
.
text
=
''
;
graphic
.
updateProps
(
symbolPath
,
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录