Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
x649585723
incubator-echarts
提交
dd496e91
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,发现更多精彩内容 >>
提交
dd496e91
编写于
3月 09, 2018
作者:
H
hustcc
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add markline demo in scatter chart
上级
c55e9db0
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
127 addition
and
0 deletion
+127
-0
test/scatter-markline.html
test/scatter-markline.html
+127
-0
未找到文件。
test/scatter-markline.html
0 → 100644
浏览文件 @
dd496e91
<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%
;
}
</style>
<div
id=
"main"
></div>
<script>
require
([
'
echarts
'
// 'echarts/chart/scatter',
// 'echarts/component/legend',
// 'echarts/component/grid',
// 'echarts/component/tooltip',
// 'echarts/component/toolbox'
],
function
(
echarts
)
{
var
chart
=
echarts
.
init
(
document
.
getElementById
(
'
main
'
));
var
data1
=
[];
var
names
=
[
'
diamond, red, show inside label only on hover
'
,
];
var
random
=
function
(
max
)
{
return
(
Math
.
random
()
*
max
).
toFixed
(
3
);
}
for
(
var
i
=
0
;
i
<
50
;
i
++
)
{
data1
.
push
([
random
(
5
),
random
(
5
),
random
(
2
)]);
}
chart
.
setOption
({
aria
:
{
show
:
true
},
legend
:
{
data
:
names
.
slice
()
},
toolbox
:
{
left
:
'
left
'
,
feature
:
{
dataView
:
{},
saveAsImage
:
{},
dataZoom
:
{}
}
},
tooltip
:
{
trigger
:
'
axis
'
,
axisPointer
:
{
type
:
'
cross
'
}
},
xAxis
:
{
type
:
'
value
'
,
splitLine
:
{
show
:
false
},
min
:
0
,
max
:
15
,
splitNumber
:
30
},
yAxis
:
{
type
:
'
value
'
,
splitLine
:
{
show
:
false
}
},
series
:
[{
name
:
names
[
0
],
type
:
'
scatter
'
,
label
:
{
emphasis
:
{
show
:
true
}
},
symbol
:
'
diamond
'
,
symbolSize
:
function
(
val
)
{
return
val
[
2
]
*
40
;
},
data
:
data1
,
markLine
:
{
data
:
[
{
name
:
'
平均线
'
,
type
:
'
average
'
},
{
name
:
'
最大值
'
,
type
:
'
max
'
},
{
name
:
'
最小值
'
,
type
:
'
min
'
},
{
name
:
'
中位数
'
,
type
:
'
median
'
}
]
}
}],
animationDelay
:
function
(
idx
)
{
return
idx
*
20
;
},
animationDelayUpdate
:
function
(
idx
)
{
return
idx
*
20
;
}
});
chart
.
on
(
'
click
'
,
function
(
params
)
{
console
.
log
(
params
.
data
);
});
})
</script>
</body>
</html>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录