Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
x649585723
incubator-echarts
提交
3da54458
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,发现更多精彩内容 >>
提交
3da54458
编写于
1月 09, 2018
作者:
O
Ovilia
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
docs(sunburst): add example
上级
55203375
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
207 addition
and
0 deletion
+207
-0
test/sunburst-simple.html
test/sunburst-simple.html
+207
-0
未找到文件。
test/sunburst-simple.html
0 → 100644
浏览文件 @
3da54458
<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
item1
=
{
normal
:
{
color
:
'
#F54F4A
'
}
};
var
item2
=
{
normal
:
{
color
:
'
#FF8C75
'
}
};
var
item3
=
{
normal
:
{
color
:
'
#FFB499
'
}
};
var
data
=
[{
children
:
[{
value
:
5
,
children
:
[{
value
:
1
,
itemStyle
:
item1
},
{
value
:
2
,
children
:
[{
value
:
1
,
itemStyle
:
item2
}]
},
{
children
:
[{
value
:
1
}]
}],
itemStyle
:
item1
},
{
value
:
10
,
children
:
[{
value
:
6
,
children
:
[{
value
:
1
,
itemStyle
:
item1
},
{
value
:
1
},
{
value
:
1
,
itemStyle
:
item2
},
{
value
:
1
}],
itemStyle
:
item3
},
{
value
:
2
,
children
:
[{
value
:
1
}],
itemStyle
:
item3
},
{
children
:
[{
value
:
1
,
itemStyle
:
item2
}]
}],
itemStyle
:
item1
}],
itemStyle
:
item1
},
{
value
:
9
,
children
:
[{
value
:
4
,
children
:
[{
value
:
2
,
itemStyle
:
item2
},
{
children
:
[{
value
:
1
,
itemStyle
:
item1
}]
}],
itemStyle
:
item1
},
{
children
:
[{
value
:
3
,
children
:
[{
value
:
1
},
{
value
:
1
,
itemStyle
:
item2
}]
}],
itemStyle
:
item3
}],
itemStyle
:
item2
},
{
value
:
7
,
children
:
[{
children
:
[{
value
:
1
,
itemStyle
:
item3
},
{
value
:
3
,
children
:
[{
value
:
1
,
itemStyle
:
item2
},
{
value
:
1
}],
itemStyle
:
item2
},
{
value
:
2
,
children
:
[{
value
:
1
},
{
value
:
1
,
itemStyle
:
item1
}],
itemStyle
:
item1
}],
itemStyle
:
item3
}],
itemStyle
:
item1
},
{
children
:
[{
value
:
6
,
children
:
[{
value
:
1
,
itemStyle
:
item2
},
{
value
:
2
,
children
:
[{
value
:
2
,
itemStyle
:
item2
}],
itemStyle
:
item1
},
{
value
:
1
,
itemStyle
:
item3
}],
itemStyle
:
item3
},
{
value
:
3
,
children
:
[{
value
:
1
,
},
{
children
:
[{
value
:
1
,
itemStyle
:
item2
}]
},
{
value
:
1
}],
itemStyle
:
item3
}],
itemStyle
:
item1
}];
chart
.
setOption
({
series
:
{
radius
:
[
'
15%
'
,
'
80%
'
],
type
:
'
sunburst
'
,
sort
:
null
,
highlightPolicy
:
'
ancestor
'
,
data
:
data
,
label
:
{
normal
:
{
rotate
:
'
radial
'
}
},
levels
:
[],
itemStyle
:
{
normal
:
{
color
:
'
#ddd
'
,
borderWidth
:
2
}
}
}
});
});
</script>
</body>
</html>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录