Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Five-菜鸟级
echarts
提交
6217cd00
E
echarts
项目概览
Five-菜鸟级
/
echarts
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
E
echarts
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
6217cd00
编写于
9月 10, 2019
作者:
D
deqingli
浏览文件
操作
浏览文件
下载
差异文件
Merge remote-tracking branch 'upstream/master'
上级
bb2d7d37
761de46f
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
138 addition
and
12 deletion
+138
-12
src/chart/custom.js
src/chart/custom.js
+4
-12
test/hoverStyle.html
test/hoverStyle.html
+134
-0
未找到文件。
src/chart/custom.js
浏览文件 @
6217cd00
...
...
@@ -318,19 +318,11 @@ function updateEl(el, dataIndex, elOption, animatableModel, data, isInit, isRoot
// If `elOption.styleEmphasis` is `false`, remove hover style. The
// logic is ensured by `graphicUtil.setElementHoverStyle`.
var
styleEmphasis
=
elOption
.
styleEmphasis
;
var
disableStyleEmphasis
=
styleEmphasis
===
false
;
if
(
!
(
// Try to escapse setting hover style for performance.
(
el
.
__cusHasEmphStl
&&
styleEmphasis
==
null
)
||
(
!
el
.
__cusHasEmphStl
&&
disableStyleEmphasis
)
))
{
// Should not use graphicUtil.setHoverStyle, since the styleEmphasis
// should not be share by group and its descendants.
graphicUtil
.
setElementHoverStyle
(
el
,
styleEmphasis
);
el
.
__cusHasEmphStl
=
!
disableStyleEmphasis
;
}
// hoverStyle should always be set here, because if the hover style
// may already be changed, where the inner cache should be reset.
graphicUtil
.
setElementHoverStyle
(
el
,
styleEmphasis
);
if
(
isRoot
)
{
graphicUtil
.
setAsHighDownDispatcher
(
el
,
!
disableStyleEmphasis
);
graphicUtil
.
setAsHighDownDispatcher
(
el
,
styleEmphasis
!==
false
);
}
}
...
...
test/hoverStyle.html
浏览文件 @
6217cd00
...
...
@@ -54,6 +54,9 @@ under the License.
<div
id=
"info"
></div>
<div
id=
"maina1"
></div>
<div
id=
"maina2"
></div>
<div
id=
"mainb1"
></div>
<div
id=
"mainb2"
></div>
<div
id=
"mainb3"
></div>
...
...
@@ -152,6 +155,137 @@ under the License.
<script>
require
([
'
echarts
'
],
function
(
echarts
)
{
var
option
=
{
hoverLayerThreshold
:
hoverLayerThreshold
,
backgroundColor
:
'
#eee
'
,
animation
:
false
,
grid
:
{
left
:
400
,
top
:
50
},
xAxis
:
{},
yAxis
:
{},
visualMap
:
{
type
:
'
piecewise
'
,
orient
:
'
horizontal
'
,
top
:
10
,
left
:
0
,
pieces
:
[
{
min
:
1000
,
color
:
'
red
'
},
{
min
:
600
,
max
:
1000
,
color
:
'
blue
'
},
{
min
:
0
,
max
:
600
,
color
:
'
green
'
}
],
outOfRange
:
{
color
:
'
#aaa
'
}
},
series
:
[{
type
:
'
custom
'
,
coordinateSystem
:
'
none
'
,
renderItem
:
function
(
params
,
api
)
{
var
pos
=
[
api
.
value
(
0
),
api
.
value
(
1
)];
return
{
type
:
'
circle
'
,
shape
:
{
cx
:
pos
[
0
],
cy
:
pos
[
1
],
r
:
20
},
style
:
api
.
style
({
lineWidth
:
1
,
stroke
:
'
#777
'
})
};
},
data
:
[
[
100
,
100
,
0
],
[
200
,
100
,
800
],
[
300
,
100
,
1500
]
]
},
{
type
:
'
scatter
'
,
symbolSize
:
20
,
data
:
[
[
100
,
100
,
0
],
[
200
,
100
,
800
],
[
300
,
100
,
1500
]
]
}]
};
var
chart
=
testHelper
.
create
(
echarts
,
'
maina1
'
,
{
title
:
[
'
`visualMap.hoverLink` is the by default (`true`)
'
,
'
**Click** a visualMap item, and then **mouseout**. The hover style of the circles should be OK.
'
],
option
:
option
,
height
:
200
});
});
</script>
<script>
require
([
'
echarts
'
],
function
(
echarts
)
{
var
option
=
{
hoverLayerThreshold
:
hoverLayerThreshold
,
backgroundColor
:
'
#eee
'
,
animation
:
false
,
grid
:
{
left
:
400
,
top
:
50
},
xAxis
:
{},
yAxis
:
{},
visualMap
:
{
type
:
'
piecewise
'
,
orient
:
'
horizontal
'
,
top
:
10
,
left
:
0
,
pieces
:
[
{
min
:
1000
,
color
:
'
red
'
},
{
min
:
600
,
max
:
1000
,
color
:
'
blue
'
},
{
min
:
0
,
max
:
600
,
color
:
'
green
'
}
],
outOfRange
:
{
color
:
'
#aaa
'
},
hoverLink
:
false
},
series
:
[{
type
:
'
custom
'
,
coordinateSystem
:
'
none
'
,
renderItem
:
function
(
params
,
api
)
{
var
pos
=
[
api
.
value
(
0
),
api
.
value
(
1
)];
return
{
type
:
'
circle
'
,
shape
:
{
cx
:
pos
[
0
],
cy
:
pos
[
1
],
r
:
20
},
style
:
api
.
style
({
lineWidth
:
1
,
stroke
:
'
#777
'
})
};
},
data
:
[
[
100
,
100
,
0
],
[
200
,
100
,
800
],
[
300
,
100
,
1500
]
]
},
{
type
:
'
scatter
'
,
symbolSize
:
20
,
data
:
[
[
100
,
100
,
0
],
[
200
,
100
,
800
],
[
300
,
100
,
1500
]
]
}]
};
var
chart
=
testHelper
.
create
(
echarts
,
'
maina2
'
,
{
title
:
[
'
`visualMap.hoverLink` is `false`
'
,
'
**mouseover** a circle, and then **click** the coresponding visualMap item
'
,
'
and then **mouseover** the circle again, and then **mouseout**.
'
,
'
The hover style of the circles should be OK.
'
],
option
:
option
,
height
:
200
});
});
</script>
<script>
require
([
'
echarts
'
],
function
(
echarts
)
{
var
option
=
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录