Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Phodal
Coca
提交
fe05188d
C
Coca
项目概览
Phodal
/
Coca
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
C
Coca
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
未验证
提交
fe05188d
编写于
7月 20, 2020
作者:
P
Phodal Huang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: init disk tree json
上级
9b33751b
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
83 addition
and
0 deletion
+83
-0
static/.gitignore
static/.gitignore
+1
-0
static/index.html
static/index.html
+82
-0
未找到文件。
static/.gitignore
0 → 100644
浏览文件 @
fe05188d
disk.tree.json
static/index.html
0 → 100644
浏览文件 @
fe05188d
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"UTF-8"
>
<title>
Coca Code City
</title>
<script
src=
"https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"
></script>
<script
src=
"https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"
></script>
</head>
<body>
<div
id=
"main"
style=
"width: 600px;height:400px;"
></div>
<script>
var
myChart
=
echarts
.
init
(
document
.
getElementById
(
'
main
'
));
console
.
log
(
$
(
'
disk.tree.json
'
));
$
.
get
(
'
disk.tree.json
'
,
function
(
diskData
)
{
var
formatUtil
=
echarts
.
format
;
function
getLevelOption
()
{
return
[
{
itemStyle
:
{
borderWidth
:
0
,
gapWidth
:
5
}
},
{
itemStyle
:
{
gapWidth
:
1
}
},
{
colorSaturation
:
[
0.35
,
0.5
],
itemStyle
:
{
gapWidth
:
1
,
borderColorSaturation
:
0.6
}
}
];
}
myChart
.
setOption
({
title
:
{
text
:
'
Disk Usage
'
,
left
:
'
center
'
},
tooltip
:
{
formatter
:
function
(
info
)
{
var
value
=
info
.
value
;
var
treePathInfo
=
info
.
treePathInfo
;
var
treePath
=
[];
for
(
var
i
=
1
;
i
<
treePathInfo
.
length
;
i
++
)
{
treePath
.
push
(
treePathInfo
[
i
].
name
);
}
return
[
'
<div class="tooltip-title">
'
+
formatUtil
.
encodeHTML
(
treePath
.
join
(
'
/
'
))
+
'
</div>
'
,
'
Disk Usage:
'
+
formatUtil
.
addCommas
(
value
)
+
'
KB
'
,
].
join
(
''
);
}
},
series
:
[
{
name
:
'
Disk Usage
'
,
type
:
'
treemap
'
,
visibleMin
:
300
,
label
:
{
show
:
true
,
formatter
:
'
{b}
'
},
itemStyle
:
{
borderColor
:
'
#fff
'
},
levels
:
getLevelOption
(),
data
:
diskData
}
]
});
});
</script>
</body>
</html>
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录