Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
x649585723
incubator-echarts
提交
82791723
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,发现更多精彩内容 >>
提交
82791723
编写于
4月 21, 2019
作者:
S
sushuang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Fix that setting `emphasis.lineStyle.type` as solid dose not work. Fix #9704, close #10129.
上级
4ffc328b
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
64 addition
and
4 deletion
+64
-4
src/model/mixin/lineStyle.js
src/model/mixin/lineStyle.js
+13
-4
test/hoverStyle.html
test/hoverStyle.html
+51
-0
未找到文件。
src/model/mixin/lineStyle.js
浏览文件 @
82791723
...
...
@@ -34,8 +34,9 @@ var getLineStyle = makeStyleMapper(
export
default
{
getLineStyle
:
function
(
excludes
)
{
var
style
=
getLineStyle
(
this
,
excludes
);
var
lineDash
=
this
.
getLineDash
(
style
.
lineWidth
);
lineDash
&&
(
style
.
lineDash
=
lineDash
);
// Always set lineDash whether dashed, otherwise we can not
// erase the previous style when assigning to el.style.
style
.
lineDash
=
this
.
getLineDash
(
style
.
lineWidth
);
return
style
;
},
...
...
@@ -46,7 +47,15 @@ export default {
var
lineType
=
this
.
get
(
'
type
'
);
var
dotSize
=
Math
.
max
(
lineWidth
,
2
);
var
dashSize
=
lineWidth
*
4
;
return
(
lineType
===
'
solid
'
||
lineType
==
null
)
?
null
:
(
lineType
===
'
dashed
'
?
[
dashSize
,
dashSize
]
:
[
dotSize
,
dotSize
]);
return
(
lineType
===
'
solid
'
||
lineType
==
null
)
// Use `false` but not `null` for the solid line here, because `null` might be
// ignored when assigning to `el.style`. e.g., when setting `lineStyle.type` as
// `'dashed'` and `emphasis.lineStyle.type` as `'solid'` in graph series, the
// `lineDash` gotten form the latter one is not able to erase that from the former
// one if using `null` here according to the emhpsis strategy in `util/graphic.js`.
?
false
:
lineType
===
'
dashed
'
?
[
dashSize
,
dashSize
]
:
[
dotSize
,
dotSize
];
}
};
\ No newline at end of file
test/hoverStyle.html
浏览文件 @
82791723
...
...
@@ -57,6 +57,7 @@ under the License.
<div
id=
"mainb1"
></div>
<div
id=
"mainb2"
></div>
<div
id=
"mainb3"
></div>
<div
id=
"mainb4"
></div>
<div
id=
"main0"
></div>
<div
id=
"main1"
></div>
...
...
@@ -328,6 +329,56 @@ under the License.
<script>
require
([
'
echarts
'
],
function
(
echarts
)
{
var
option
=
{
hoverLayerThreshold
:
hoverLayerThreshold
,
series
:
[{
type
:
'
graph
'
,
symbolSize
:
20
,
focusNodeAdjacency
:
true
,
data
:
[
{
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
}
],
links
:
[
{
source
:
'
aa
'
,
target
:
'
bb
'
},
{
source
:
'
aa
'
,
target
:
'
dd
'
},
{
source
:
'
cc
'
,
target
:
'
bb
'
}
],
lineStyle
:
{
color
:
'
green
'
,
type
:
'
dashed
'
,
// [4, 6],
width
:
3
},
emphasis
:
{
lineStyle
:
{
color
:
'
orange
'
,
type
:
'
solid
'
,
width
:
8
// opacity: .8
}
}
}]
};
var
chart
=
testHelper
.
create
(
echarts
,
'
mainb4
'
,
{
title
:
[
'
normal line is **green dashed width 3**,
'
,
'
should become **orange solid width 8** when hovered
'
],
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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录