Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
半栈学徒
incubator-echarts
提交
a63ac125
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,发现更多精彩内容 >>
提交
a63ac125
编写于
3月 14, 2016
作者:
P
pah100
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add test for dataZoom resize
上级
1211b587
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
196 addition
and
0 deletion
+196
-0
test/media-dataZoom.html
test/media-dataZoom.html
+196
-0
未找到文件。
test/media-dataZoom.html
0 → 100644
浏览文件 @
a63ac125
<html>
<head>
<meta
charset=
"utf-8"
>
<script
src=
"esl.js"
></script>
<script
src=
"config.js"
></script>
<script
src=
"lib/jquery.min.js"
></script>
<script
src=
"lib/draggable.js"
></script>
<link
rel=
"stylesheet"
href=
"reset.css"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1"
/>
</head>
<body>
<style>
body
{
position
:
absolute
;
left
:
0
;
top
:
0
;
}
#main
{
position
:
absolute
;
top
:
10px
;
left
:
10px
;
width
:
700px
;
height
:
650px
;
background
:
#fff
;
}
</style>
<div
id=
"main"
></div>
<script
src=
"data/timelineGDP.js"
></script>
<script>
require
([
'
echarts
'
,
'
echarts/chart/scatter
'
,
'
echarts/component/title
'
,
'
echarts/component/legend
'
,
'
echarts/component/tooltip
'
,
'
echarts/component/dataZoom
'
],
function
(
echarts
)
{
chart
=
echarts
.
init
(
document
.
getElementById
(
'
main
'
),
null
,
{
renderer
:
'
canvas
'
});
draggable
.
init
(
document
.
getElementById
(
'
main
'
),
chart
,
{
throttle
:
70
}
);
var
data1
=
[];
var
random
=
function
(
max
)
{
return
(
Math
.
random
()
*
max
).
toFixed
(
3
);
};
for
(
var
i
=
0
;
i
<
100
;
i
++
)
{
data1
.
push
([
random
(
15
),
random
(
10
),
random
(
1
)]);
}
option
=
{
baseOption
:
{
animation
:
false
,
legend
:
{
data
:
[
'
scatter
'
,
'
scatter2
'
,
'
scatter3
'
]
},
toolbox
:
{
// y: 'bottom',
feature
:
{
dataView
:
{},
dataZoom
:
{
show
:
true
},
restore
:
{
show
:
true
},
saveAsImage
:
{}
}
},
tooltip
:
{
},
xAxis
:
{
type
:
'
value
'
,
min
:
'
dataMin
'
,
max
:
'
dataMax
'
,
splitLine
:
{
show
:
true
}
},
yAxis
:
{
type
:
'
value
'
,
min
:
'
dataMin
'
,
max
:
'
dataMax
'
,
splitLine
:
{
show
:
true
}
},
dataZoom
:
[
{
id
:
'
sliderX
'
,
show
:
true
,
xAxisIndex
:
[
0
],
start
:
10
,
end
:
70
},
{
id
:
'
sliderY
'
,
show
:
true
,
yAxisIndex
:
[
0
],
start
:
0
,
end
:
20
},
{
type
:
'
inside
'
,
xAxisIndex
:
[
0
],
start
:
10
,
end
:
70
},
{
type
:
'
inside
'
,
yAxisIndex
:
[
0
],
start
:
0
,
end
:
20
}
],
series
:
[
{
name
:
'
scatter
'
,
type
:
'
scatter
'
,
itemStyle
:
{
normal
:
{
opacity
:
0.8
// shadowBlur: 10,
// shadowOffsetX: 0,
// shadowOffsetY: 0,
// shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
symbolSize
:
function
(
val
)
{
return
val
[
2
]
*
40
;
},
data
:
data1
}
]
},
media
:
[
{
query
:
{
maxWidth
:
450
},
option
:
{
dataZoom
:
[
{
id
:
'
sliderY
'
,
width
:
10
}
]
}
},
{
query
:
{
minWidth
:
450
},
option
:
{
dataZoom
:
[
{
id
:
'
sliderY
'
,
width
:
40
}
]
}
},
{
query
:
{
maxHeight
:
450
},
option
:
{
dataZoom
:
[
{
id
:
'
sliderX
'
,
height
:
10
}
]
}
},
{
query
:
{
minHeight
:
450
},
option
:
{
dataZoom
:
[
{
id
:
'
sliderX
'
,
height
:
40
}
]
}
}
]
};
chart
.
setOption
(
option
);
chart
.
on
(
'
legendSelected
'
,
function
()
{
});
window
.
onresize
=
chart
.
resize
;
});
</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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录