Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
半栈学徒
incubator-echarts
提交
d372555a
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,发现更多精彩内容 >>
提交
d372555a
编写于
12月 18, 2017
作者:
O
Ovilia
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(sunburst): visual mapping
上级
5dc00048
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
137 addition
and
10 deletion
+137
-10
src/chart/sunburst/SunburstPiece.js
src/chart/sunburst/SunburstPiece.js
+15
-10
test/sunburst-visualMap.html
test/sunburst-visualMap.html
+122
-0
未找到文件。
src/chart/sunburst/SunburstPiece.js
浏览文件 @
d372555a
...
...
@@ -286,21 +286,26 @@ export default SunburstPiece;
* @param {module:echarts/model/Global} ecModel echarts defaults
*/
function
getNodeColor
(
node
,
seriesModel
,
ecModel
)
{
if
(
node
.
depth
===
0
)
{
var
visualColor
=
node
.
getVisual
(
'
color
'
);
// Self color or level color
var
color
=
node
.
getModel
(
'
itemStyle.normal
'
).
get
(
'
color
'
);
if
(
color
)
{
return
color
;
}
else
if
(
visualColor
)
{
// Color mapping
return
visualColor
;
}
else
if
(
node
.
depth
===
0
)
{
// Virtual root node
return
ecModel
.
option
.
color
[
0
];
}
else
{
// Self color or level color
var
color
=
node
.
getModel
(
'
itemStyle.normal
'
).
get
(
'
color
'
);
if
(
!
color
)
{
// First-generation color
var
length
=
ecModel
.
option
.
color
.
length
;
color
=
ecModel
.
option
.
color
[
getRootId
(
node
)
%
length
];
}
return
color
;
// First-generation color
var
length
=
ecModel
.
option
.
color
.
length
;
color
=
ecModel
.
option
.
color
[
getRootId
(
node
)
%
length
];
}
return
color
;
}
/**
...
...
test/sunburst-visualMap.html
0 → 100644
浏览文件 @
d372555a
<html>
<head>
<meta
charset=
"utf-8"
>
<script
src=
"lib/esl.js"
></script>
<script
src=
"lib/config.js"
></script>
</head>
<body>
<style>
html
,
body
,
#main
{
width
:
100%
;
height
:
100%
;
/* background-image: url(old_mathematics.png); */
/* background-repeat: repeat; */
}
</style>
<div
id=
"main"
></div>
<script>
var
chart
;
require
([
'
echarts
'
],
function
(
echarts
)
{
chart
=
echarts
.
init
(
document
.
getElementById
(
'
main
'
),
null
,
{
// renderer: 'svg'
});
var
data
=
[{
name
:
'
Grandpa
'
,
children
:
[{
name
:
'
Uncle Leo
'
,
value
:
15
,
children
:
[{
name
:
'
Cousin Jack
'
,
value
:
2
},
{
name
:
'
Cousin Mary
'
,
value
:
5
,
children
:
[{
name
:
'
Jackson
'
,
value
:
2
}]
},
{
name
:
'
Cousin Ben
'
,
value
:
4
}]
},
{
name
:
'
Aunt Jane
'
,
children
:
[{
name
:
'
Cousin Kate
'
,
value
:
4
}]
},
{
name
:
'
Father
'
,
value
:
10
,
children
:
[{
name
:
'
Me
'
,
value
:
5
,
itemStyle
:
{
normal
:
{
color
:
'
red
'
}
}
},
{
name
:
'
Brother Peter
'
,
value
:
1
}]
}]
},
{
name
:
'
Mike
'
,
children
:
[{
name
:
'
Uncle Dan
'
,
children
:
[{
name
:
'
Cousin Lucy
'
,
value
:
3
},
{
name
:
'
Cousin Luck
'
,
value
:
4
,
children
:
[{
name
:
'
Nephew
'
,
value
:
2
}]
}]
}]
},
{
name
:
'
Nancy
'
,
children
:
[{
name
:
'
Uncle Nike
'
,
children
:
[{
name
:
'
Cousin Betty
'
,
value
:
1
},
{
name
:
'
Cousin Jenny
'
,
value
:
2
}]
}]
}];
chart
.
setOption
({
visualMap
:
{
type
:
'
continuous
'
,
min
:
0
,
max
:
10
,
inRange
:
{
color
:
[
'
#2D5F73
'
,
'
#538EA6
'
,
'
#F2D1B3
'
,
'
#F2B8A2
'
,
'
#F28C8C
'
]
}
},
series
:
{
type
:
'
sunburst
'
,
data
:
data
,
radius
:
[
0
,
'
90%
'
],
label
:
{
normal
:
{
rotate
:
'
radial
'
}
}
}
});
});
</script>
</body>
</html>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录