Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
x649585723
incubator-echarts
提交
96efad5b
I
incubator-echarts
项目概览
x649585723
/
incubator-echarts
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
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,发现更多精彩内容 >>
提交
96efad5b
编写于
4月 22, 2019
作者:
S
sushuang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Fix graph focusNodeAdjacency do not support emphasis opacity and opacity is bug on hoverLayer.
上级
82791723
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
18 addition
and
12 deletion
+18
-12
src/chart/graph/GraphView.js
src/chart/graph/GraphView.js
+9
-8
test/hoverStyle.html
test/hoverStyle.html
+9
-4
未找到文件。
src/chart/graph/GraphView.js
浏览文件 @
96efad5b
...
...
@@ -34,13 +34,14 @@ var nodeOpacityPath = ['itemStyle', 'opacity'];
var
lineOpacityPath
=
[
'
lineStyle
'
,
'
opacity
'
];
function
getItemOpacity
(
item
,
opacityPath
)
{
return
item
.
getVisual
(
'
opacity
'
)
||
item
.
getModel
().
get
(
opacityPath
);
var
opacity
=
item
.
getVisual
(
'
opacity
'
);
return
opacity
!=
null
?
opacity
:
item
.
getModel
().
get
(
opacityPath
);
}
function
fadeOutItem
(
item
,
opacityPath
,
opacityRatio
)
{
var
el
=
item
.
getGraphicEl
();
var
opacity
=
getItemOpacity
(
item
,
opacityPath
);
if
(
opacityRatio
!=
null
)
{
opacity
==
null
&&
(
opacity
=
1
);
opacity
*=
opacityRatio
;
...
...
@@ -48,7 +49,7 @@ function fadeOutItem(item, opacityPath, opacityRatio) {
el
.
downplay
&&
el
.
downplay
();
el
.
traverse
(
function
(
child
)
{
if
(
child
.
type
!==
'
group
'
)
{
if
(
!
child
.
isGroup
)
{
var
opct
=
child
.
lineLabelOriginalOpacity
;
if
(
opct
==
null
||
opacityRatio
!=
null
)
{
opct
=
opacity
;
...
...
@@ -61,13 +62,13 @@ function fadeOutItem(item, opacityPath, opacityRatio) {
function
fadeInItem
(
item
,
opacityPath
)
{
var
opacity
=
getItemOpacity
(
item
,
opacityPath
);
var
el
=
item
.
getGraphicEl
();
el
.
highlight
&&
el
.
highlight
();
// Should go back to normal opacity first, consider hoverLayer,
// where current state is copied to elMirror, and support
// emphasis opacity here.
el
.
traverse
(
function
(
child
)
{
if
(
child
.
type
!==
'
group
'
)
{
child
.
setStyle
(
'
opacity
'
,
opacity
);
}
!
child
.
isGroup
&&
child
.
setStyle
(
'
opacity
'
,
opacity
);
});
el
.
highlight
&&
el
.
highlight
();
}
export
default
echarts
.
extendChartView
({
...
...
test/hoverStyle.html
浏览文件 @
96efad5b
...
...
@@ -343,7 +343,13 @@ under the License.
{
value
:
100
,
name
:
'
aa
'
,
x
:
100
,
y
:
200
},
{
value
:
150
,
name
:
'
bb
'
,
x
:
450
,
y
:
300
},
{
value
:
200
,
name
:
'
cc
'
,
x
:
200
,
y
:
100
},
{
value
:
250
,
name
:
'
dd
'
,
x
:
450
,
y
:
250
}
{
value
:
250
,
name
:
'
dd
'
,
x
:
450
,
y
:
250
,
emphasis
:
{
itemStyle
:
{
color
:
'
blue
'
}
}
}
],
links
:
[
{
source
:
'
aa
'
,
target
:
'
bb
'
},
...
...
@@ -360,7 +366,6 @@ under the License.
color
:
'
orange
'
,
type
:
'
solid
'
,
width
:
8
// opacity: .8
}
}
}]
...
...
@@ -368,8 +373,8 @@ under the License.
var
chart
=
testHelper
.
create
(
echarts
,
'
mainb4
'
,
{
title
:
[
'
normal
line is **green dashed width 3
**,
'
,
'
should become **
orange solid width 8
** when hovered
'
'
normal
style is **line: green dashed width 3, node: red
**,
'
,
'
should become **
line: orange solid width 8, node: only "dd" blue
** when hovered
'
],
option
:
option
,
height
:
200
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录