Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
x649585723
incubator-echarts
提交
dbf22082
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,体验更适合开发者的 AI 搜索 >>
提交
dbf22082
编写于
6月 28, 2014
作者:
K
kener
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
批量修改遗漏
上级
4caa5caa
变更
14
隐藏空白更改
内联
并排
Showing
14 changed file
with
475 addition
and
291 deletion
+475
-291
doc/example/bar11.html
doc/example/bar11.html
+1
-0
doc/example/dataRange.html
doc/example/dataRange.html
+64
-46
doc/example/loading.html
doc/example/loading.html
+18
-1
doc/example/map1.html
doc/example/map1.html
+53
-48
doc/example/map14.html
doc/example/map14.html
+8
-1
doc/example/map3.html
doc/example/map3.html
+53
-48
doc/example/mix11.html
doc/example/mix11.html
+0
-2
doc/example/mix5.html
doc/example/mix5.html
+53
-48
doc/example/mix8.html
doc/example/mix8.html
+28
-2
doc/example/mix9.html
doc/example/mix9.html
+20
-2
doc/example/pie6.html
doc/example/pie6.html
+3
-1
doc/example/theme.html
doc/example/theme.html
+48
-49
doc/example/themeDesigner.html
doc/example/themeDesigner.html
+99
-43
doc/example/webkit-dep.html
doc/example/webkit-dep.html
+27
-0
未找到文件。
doc/example/bar11.html
浏览文件 @
dbf22082
...
...
@@ -279,6 +279,7 @@ option = {
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"timelineOption.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
</body>
</html>
doc/example/dataRange.html
浏览文件 @
dbf22082
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
"ECharts"
>
<meta
name=
"author"
content=
"linzhifeng@baidu.com"
>
<title>
ECharts · Example
</title>
<link
rel=
"shortcut icon"
href=
"../asset/ico/favicon.png"
>
<link
href=
"http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/bootstrap.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/carousel.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/echartsHome.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script
src=
"../asset/js/esl/esl.js"
></script>
<script
src=
"../asset/js/codemirror.js"
></script>
<script
src=
"../asset/js/javascript.js"
></script>
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
</head>
<body>
<!-- Fixed navbar -->
<div
class=
"navbar navbar-default navbar-fixed-top"
role=
"navigation"
id=
"head"
></div>
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
"ECharts"
>
<meta
name=
"author"
content=
"linzhifeng@baidu.com"
>
<title>
ECharts · Example
</title>
<link
rel=
"shortcut icon"
href=
"../asset/ico/favicon.png"
>
<link
href=
"http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/bootstrap.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/carousel.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/echartsHome.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script
src=
"../asset/js/esl/esl.js"
></script>
<script
src=
"../asset/js/codemirror.js"
></script>
<script
src=
"../asset/js/javascript.js"
></script>
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
<style
type=
"text/css"
>
.CodeMirror
{
height
:
550px
;
}
</style>
</head>
<body>
<!-- Fixed navbar -->
<div
class=
"navbar navbar-default navbar-fixed-top"
role=
"navigation"
id=
"head"
></div>
<div
class=
"container-fluid"
>
...
...
@@ -155,21 +160,34 @@ option = {
<div
id=
"graphic"
class=
"col-md-8"
>
<div
id=
"main"
class=
"main"
style=
"height: 530px;"
></div>
<div>
<button
onclick=
"refresh(true)"
>
下一个 (Next) ~
</button>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
刷 新
</button>
<span
class=
"text-primary"
>
切换主题
</span>
<select
id=
"theme-select"
></select>
<span
id=
'wrong-message'
style=
"color:red"
></span>
</div>
</div>
<!--/span-->
</div>
<!--/row-->
</div>
<!--/.fluid-container-->
<footer
id=
"footer"
></footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
</body>
</html>
</div>
<!--/.fluid-container-->
<footer
id=
"footer"
></footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
type=
"text/javascript"
>
var
curIndex
=
0
;
</script>
<script
src=
"../asset/js/echartsExample.js"
></script>
<script>
function
focusGraphic
()
{
domCode
.
className
=
'
col-md-4 ani
'
;
domGraphic
.
className
=
'
col-md-8 ani
'
;
refresh
();
}
</script>
</body>
</html>
doc/example/loading.html
浏览文件 @
dbf22082
...
...
@@ -100,7 +100,10 @@ loadingTicket = setTimeout(function (){
<div
id=
"graphic"
class=
"col-md-8"
>
<div
id=
"main"
class=
"main"
></div>
<div>
<button
onclick=
"refresh(true)"
>
Loading ~
</button>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
Loading
</button>
<span
class=
"text-primary"
>
切换主题
</span>
<select
id=
"theme-select"
></select>
<span
id=
'wrong-message'
style=
"color:red"
></span>
</div>
</div>
<!--/span-->
...
...
@@ -116,5 +119,19 @@ loadingTicket = setTimeout(function (){
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
<script
type=
"text/javascript"
>
var
loadingTicket
;
var
effectIndex
=
-
1
;
var
effect
=
[
'
spin
'
,
'
bar
'
,
'
ring
'
,
'
whirling
'
,
'
dynamicLine
'
,
'
bubble
'
];
function
refresh
(
isBtnRefresh
){
//(new function (editor.doc.getValue()))();
if
(
myChart
&&
myChart
.
dispose
)
{
myChart
.
dispose
();
}
myChart
=
echarts
.
init
(
domMain
,
curTheme
);
(
new
Function
(
editor
.
doc
.
getValue
()))();
domMessage
.
innerHTML
=
''
;
}
</script>
</body>
</html>
doc/example/map1.html
浏览文件 @
dbf22082
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
"ECharts"
>
<meta
name=
"author"
content=
"linzhifeng@baidu.com"
>
<title>
ECharts · Example
</title>
<link
rel=
"shortcut icon"
href=
"../asset/ico/favicon.png"
>
<link
href=
"http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/bootstrap.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/carousel.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/echartsHome.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script
src=
"../asset/js/esl/esl.js"
></script>
<script
src=
"../asset/js/codemirror.js"
></script>
<script
src=
"../asset/js/javascript.js"
></script>
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
</head>
<body>
<!-- Fixed navbar -->
<div
class=
"navbar navbar-default navbar-fixed-top"
role=
"navigation"
id=
"head"
></div>
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
"ECharts"
>
<meta
name=
"author"
content=
"linzhifeng@baidu.com"
>
<title>
ECharts · Example
</title>
<link
rel=
"shortcut icon"
href=
"../asset/ico/favicon.png"
>
<link
href=
"http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/bootstrap.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/carousel.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/echartsHome.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script
src=
"../asset/js/esl/esl.js"
></script>
<script
src=
"../asset/js/codemirror.js"
></script>
<script
src=
"../asset/js/javascript.js"
></script>
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
<style
type=
"text/css"
>
.CodeMirror
{
height
:
550px
;
}
</style>
</head>
<body>
<!-- Fixed navbar -->
<div
class=
"navbar navbar-default navbar-fixed-top"
role=
"navigation"
id=
"head"
></div>
<div
class=
"container-fluid"
>
...
...
@@ -174,24 +179,24 @@ option = {
<div
id=
"graphic"
class=
"col-md-8"
>
<div
id=
"main"
class=
"main"
style=
"height: 530px;"
></div>
<div>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
刷 新
</button>
<span
class=
"text-primary"
>
切换主题
</span>
<select
id=
"theme-select"
></select>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
刷 新
</button>
<span
class=
"text-primary"
>
切换主题
</span>
<select
id=
"theme-select"
></select>
<span
id=
'wrong-message'
style=
"color:red"
></span>
</div>
</div>
<!--/span-->
</div>
<!--/row-->
</div>
<!--/.fluid-container-->
<footer
id=
"footer"
></footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
</body>
</html>
</div>
<!--/.fluid-container-->
<footer
id=
"footer"
></footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
</body>
</html>
doc/example/map14.html
浏览文件 @
dbf22082
...
...
@@ -26,6 +26,12 @@
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
<style
type=
"text/css"
>
.CodeMirror
{
height
:
550px
;
}
</style>
</head>
<body>
...
...
@@ -145,7 +151,7 @@ option = {
</div>
<!--/.well -->
</div>
<!--/span-->
<div
id=
"graphic"
class=
"col-md-8"
>
<div
id=
"main"
class=
"main"
></div>
<div
id=
"main"
class=
"main"
style=
"height: 530px;"
></div>
<div>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
刷 新
</button>
<span
class=
"text-primary"
>
切换主题
</span>
...
...
@@ -165,6 +171,7 @@ option = {
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"timelineOption.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
</body>
</html>
doc/example/map3.html
浏览文件 @
dbf22082
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
"ECharts"
>
<meta
name=
"author"
content=
"linzhifeng@baidu.com"
>
<title>
ECharts · Example
</title>
<link
rel=
"shortcut icon"
href=
"../asset/ico/favicon.png"
>
<link
href=
"http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/bootstrap.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/carousel.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/echartsHome.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script
src=
"../asset/js/esl/esl.js"
></script>
<script
src=
"../asset/js/codemirror.js"
></script>
<script
src=
"../asset/js/javascript.js"
></script>
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
</head>
<body>
<!-- Fixed navbar -->
<div
class=
"navbar navbar-default navbar-fixed-top"
role=
"navigation"
id=
"head"
></div>
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
"ECharts"
>
<meta
name=
"author"
content=
"linzhifeng@baidu.com"
>
<title>
ECharts · Example
</title>
<link
rel=
"shortcut icon"
href=
"../asset/ico/favicon.png"
>
<link
href=
"http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/bootstrap.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/carousel.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/echartsHome.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script
src=
"../asset/js/esl/esl.js"
></script>
<script
src=
"../asset/js/codemirror.js"
></script>
<script
src=
"../asset/js/javascript.js"
></script>
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
<style
type=
"text/css"
>
.CodeMirror
{
height
:
550px
;
}
</style>
</head>
<body>
<!-- Fixed navbar -->
<div
class=
"navbar navbar-default navbar-fixed-top"
role=
"navigation"
id=
"head"
></div>
<div
class=
"container-fluid"
>
...
...
@@ -509,24 +514,24 @@ option = {
<div
id=
"graphic"
class=
"col-md-8"
>
<div
id=
"main"
class=
"main"
style=
"height: 530px;"
></div>
<div>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
刷 新
</button>
<span
class=
"text-primary"
>
切换主题
</span>
<select
id=
"theme-select"
></select>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
刷 新
</button>
<span
class=
"text-primary"
>
切换主题
</span>
<select
id=
"theme-select"
></select>
<span
id=
'wrong-message'
style=
"color:red"
></span>
</div>
</div>
<!--/span-->
</div>
<!--/row-->
</div>
<!--/.fluid-container-->
<footer
id=
"footer"
></footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
</body>
</html>
</div>
<!--/.fluid-container-->
<footer
id=
"footer"
></footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
</body>
</html>
doc/example/mix11.html
浏览文件 @
dbf22082
...
...
@@ -188,8 +188,6 @@ option = {
<div
id=
"main"
class=
"main"
></div>
<div>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
刷 新
</button>
<span
class=
"text-primary"
>
切换主题
</span>
<select
id=
"theme-select"
></select>
<span
id=
'wrong-message'
style=
"color:red"
></span>
</div>
...
...
doc/example/mix5.html
浏览文件 @
dbf22082
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
"ECharts"
>
<meta
name=
"author"
content=
"linzhifeng@baidu.com"
>
<title>
ECharts · Example
</title>
<link
rel=
"shortcut icon"
href=
"../asset/ico/favicon.png"
>
<link
href=
"http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/bootstrap.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/carousel.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/echartsHome.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script
src=
"../asset/js/esl/esl.js"
></script>
<script
src=
"../asset/js/codemirror.js"
></script>
<script
src=
"../asset/js/javascript.js"
></script>
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
</head>
<body>
<!-- Fixed navbar -->
<div
class=
"navbar navbar-default navbar-fixed-top"
role=
"navigation"
id=
"head"
></div>
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
"ECharts"
>
<meta
name=
"author"
content=
"linzhifeng@baidu.com"
>
<title>
ECharts · Example
</title>
<link
rel=
"shortcut icon"
href=
"../asset/ico/favicon.png"
>
<link
href=
"http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/bootstrap.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/carousel.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/echartsHome.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script
src=
"../asset/js/esl/esl.js"
></script>
<script
src=
"../asset/js/codemirror.js"
></script>
<script
src=
"../asset/js/javascript.js"
></script>
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
<style
type=
"text/css"
>
.CodeMirror
{
height
:
550px
;
}
</style>
</head>
<body>
<!-- Fixed navbar -->
<div
class=
"navbar navbar-default navbar-fixed-top"
role=
"navigation"
id=
"head"
></div>
<div
class=
"container-fluid"
>
...
...
@@ -531,24 +536,24 @@ myChart.on(ecConfig.EVENT.MAP_SELECTED, function (param){
<div
id=
"graphic"
class=
"col-md-8"
>
<div
id=
"main"
class=
"main"
style=
"height: 530px;"
></div>
<div>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
刷 新
</button>
<span
class=
"text-primary"
>
切换主题
</span>
<select
id=
"theme-select"
></select>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
刷 新
</button>
<span
class=
"text-primary"
>
切换主题
</span>
<select
id=
"theme-select"
></select>
<span
id=
'wrong-message'
style=
"color:red"
></span>
</div>
</div>
<!--/span-->
</div>
<!--/row-->
</div>
<!--/.fluid-container-->
<footer
id=
"footer"
></footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
</body>
</html>
</div>
<!--/.fluid-container-->
<footer
id=
"footer"
></footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
</body>
</html>
doc/example/mix8.html
浏览文件 @
dbf22082
...
...
@@ -26,6 +26,11 @@
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
<style
type=
"text/css"
>
.CodeMirror
{
height
:
500px
;
}
</style>
</head>
<body>
...
...
@@ -454,8 +459,7 @@ setTimeout(function (){
<div
id=
"main3"
class=
"main"
style=
'height:105px;padding-top:1px;border-top-width:0'
></div>
<div>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
刷 新
</button>
<span
class=
"text-primary"
>
切换主题
</span>
<select
id=
"theme-select"
></select>
<span
id=
'wrong-message'
style=
"color:red"
></span>
</div>
...
...
@@ -472,5 +476,27 @@ setTimeout(function (){
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
<script
type=
"text/javascript"
>
function
refresh
(
isBtnRefresh
){
if
(
isBtnRefresh
)
{
needRefresh
=
true
;
focusGraphic
();
myChart2
.
showLoading
();
myChart3
.
showLoading
();
return
;
}
needRefresh
=
false
;
myChart
=
echarts
.
init
(
domMain
);
(
new
Function
(
editor
.
doc
.
getValue
()))();
myChart
.
setOption
(
option
,
true
);
domMessage
.
innerHTML
=
''
;
window
.
onresize
=
function
()
{
myChart
.
resize
();
myChart2
.
resize
();
myChart3
.
resize
();
}
}
</script>
</body>
</html>
doc/example/mix9.html
浏览文件 @
dbf22082
...
...
@@ -163,8 +163,6 @@ setTimeout(function (){
<div
id=
"main2"
class=
"main"
style=
'width:50%;margin-left:0;padding-left:0;border-left-width:0'
></div>
<div>
<button
type=
"button"
class=
"btn btn-sm btn-success"
onclick=
"refresh(true)"
>
刷 新
</button>
<span
class=
"text-primary"
>
切换主题
</span>
<select
id=
"theme-select"
></select>
<span
id=
'wrong-message'
style=
"color:red"
></span>
</div>
...
...
@@ -181,5 +179,25 @@ setTimeout(function (){
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
<script
type=
"text/javascript"
>
function
refresh
(
isBtnRefresh
){
if
(
isBtnRefresh
)
{
needRefresh
=
true
;
focusGraphic
();
myChart2
.
showLoading
();
return
;
}
needRefresh
=
false
;
myChart
=
echarts
.
init
(
domMain
);
(
new
Function
(
editor
.
doc
.
getValue
()))();
myChart
.
setOption
(
option
,
true
);
domMessage
.
innerHTML
=
''
;
window
.
onresize
=
function
()
{
myChart
.
resize
();
myChart2
.
resize
();
}
}
</script>
</body>
</html>
doc/example/pie6.html
浏览文件 @
dbf22082
...
...
@@ -56,7 +56,6 @@ var placeHolderStyle = {
}
};
option = {
color: ['green', 'orange', 'brown'],
title: {
text: '你幸福吗?',
subtext: 'From ExcelHome',
...
...
@@ -95,6 +94,7 @@ option = {
{
name:'1',
type:'pie',
clockWise:false,
radius : [150, 125],
itemStyle : dataStyle,
data:[
...
...
@@ -112,6 +112,7 @@ option = {
{
name:'2',
type:'pie',
clockWise:false,
radius : [125, 100],
itemStyle : dataStyle,
data:[
...
...
@@ -129,6 +130,7 @@ option = {
{
name:'3',
type:'pie',
clockWise:false,
radius : [100, 75],
itemStyle : dataStyle,
data:[
...
...
doc/example/theme.html
浏览文件 @
dbf22082
...
...
@@ -26,17 +26,22 @@
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
<style
type=
"text/css"
>
.chart
{
height
:
300px
;
margin-bottom
:
10px
;
}
</style>
</head>
<body>
<!-- Fixed navbar -->
<div
class=
"navbar navbar-default navbar-fixed-top"
role=
"navigation"
id=
"head"
></div>
<div
class=
"container"
>
<div
class=
"row
-fluid example
"
>
<div
class=
'
span
8'
>
<select
style=
"width:100%"
name=
"theme-select"
>
<div
class=
"row
"
style=
"margin:20px 0;
"
>
<div
class=
'
col-md-
8'
>
<select
style=
"width:100%
;height:34px;
"
name=
"theme-select"
>
<option
selected=
"true"
name=
'infographic'
>
infographic
</option>
<option
name=
'macarons'
>
macarons
</option>
<option
name=
'shine'
>
shine
</option>
...
...
@@ -48,66 +53,61 @@
<option
name=
'default'
>
default
</option>
</select>
</div>
<button
class=
"btn btn-info
span
4"
type=
"button"
onclick=
"saveAsImage()"
>
Save As Image
</button>
<button
class=
"btn btn-info
col-md-
4"
type=
"button"
onclick=
"saveAsImage()"
>
Save As Image
</button>
</div>
<div
class=
"row-fluid"
>
<div
id=
"graphic"
class=
"
span
12"
>
<div
id=
"graphic"
class=
"
col-md-
12"
>
<div
class=
"row-fluid"
>
<div
class=
"
span
6"
>
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
<div
class=
"
span
6"
>
</div>
<!--/
col-md-
-->
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
</div>
<!--/
col-md-
-->
</div>
<div
class=
"row-fluid"
>
<div
class=
"
span
6"
>
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
<div
class=
"
span
6"
>
</div>
<!--/
col-md-
-->
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
</div>
<!--/
col-md-
-->
</div>
<div
class=
"row-fluid"
>
<div
class=
"
span
12"
>
<div
class=
"
col-md-
12"
>
<div
md=
"main"
class=
"chart"
style=
"height:500px"
></div>
</div>
<!--/
span
-->
</div>
<!--/
col-md-
-->
</div>
<div
class=
"row-fluid"
>
<div
class=
"span12"
>
<div
class=
"row-fluid"
>
<div
class=
"span4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/span-->
<div
class=
"span4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/span-->
<div
class=
"span4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/span-->
</div>
</div>
<!--/span-->
<div
class=
"col-md-4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/col-md--->
<div
class=
"col-md-4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/col-md--->
<div
class=
"col-md-4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/col-md--->
</div>
<div
class=
"row-fluid"
>
<div
class=
"span12"
>
<div
class=
"row-fluid"
>
<div
class=
"span4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/span-->
<div
class=
"span4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/span-->
<div
class=
"span4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/span-->
</div>
</div>
<!--/span-->
<div
class=
"col-md-4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/col-md--->
<div
class=
"col-md-4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/col-md--->
<div
class=
"col-md-4"
>
<div
md=
"main"
class=
"chart"
style=
"height:270px"
></div>
</div>
<!--/col-md--->
</div>
</div>
<!--/
span
-->
</div>
<!--/
col-md-
-->
</div>
<!--/row-->
<div
class=
"row-fluid"
>
<div
class=
'span8'
>
<select
style=
"width:100%"
name=
"theme-select"
>
<div
class=
"row"
>
<button
class=
"btn btn-info col-md-3"
type=
"button"
onclick=
"saveAsImage()"
>
Save As Image
</button>
<div
class=
'col-md-6'
>
<select
style=
"width:100%;height:34px;"
name=
"theme-select"
>
<option
selected=
"true"
name=
'infographic'
>
infographic
</option>
<option
name=
'macarons'
>
macarons
</option>
<option
name=
'shine'
>
shine
</option>
...
...
@@ -119,10 +119,9 @@
<option
name=
'default'
>
default
</option>
</select>
</div>
<button
class=
"btn btn-info span4"
type=
"button"
onclick=
"saveAsImage()"
>
Save As Image
</button>
</div>
</div>
<!--/.fluid-container-->
</div>
<!--/.fluid-container-->
<footer
id=
"footer"
></footer>
<!-- Le javascript
...
...
@@ -131,6 +130,6 @@
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echarts
Exampl
e.js"
></script>
<script
src=
"../asset/js/echarts
Them
e.js"
></script>
</body>
</html>
doc/example/themeDesigner.html
浏览文件 @
dbf22082
...
...
@@ -26,6 +26,54 @@
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
<style
type=
"text/css"
>
.doc-image
{
float
:
left
;
}
.doc-image
h3
{
text-align
:
center
;
background-color
:
#eee
;
}
#doc-continer
{
text-align
:
center
;
margin-top
:
-10px
;
transition
:
height
1s
;
-moz-transition
:
height
1s
;
/* Firefox 4 */
-webkit-transition
:
height
1s
;
/* Safari and Chrome */
-o-transition
:
height
1s
;
/* Opera */
overflow
:
hidden
;
}
#doc-switch
{
font-weight
:
bolder
;
}
.CodeMirror
{
height
:
2270px
;
}
.main-graphic
{
height
:
1800px
;
overflow
:
hidden
;
padding
:
10px
;
margin-bottom
:
10px
;
border
:
1px
solid
#e3e3e3
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.05
);
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.05
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.05
);
}
.chart
{
height
:
300px
;
margin-bottom
:
10px
;
}
#sidebar-code
.btn-primary
{
width
:
60%
;
}
#sidebar-code
.btn-info
{
width
:
38%
;
float
:
right
;
}
</style>
</head>
<body>
...
...
@@ -34,95 +82,96 @@
<div
class=
"container-fluid"
>
<div
id=
"doc-continer"
class=
"doc-open"
>
<div
id=
"doc-continer"
class=
"doc-open"
style=
"margin-top:20px;"
>
<a
href=
'#'
onclick=
"docSwitch()"
id=
"doc-switch"
>
- 文档图示
</a>
<div
class=
"row-fluid
example
"
>
<div
class=
'doc-image
span
4'
>
<div
class=
"row-fluid"
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../doc.html#Title"
target=
"_blank"
>
title(标题)
</a></h3>
<p><img
src=
"../asset/img/doc/title.png"
title=
""
alt=
"标题"
/></p>
</div>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../doc.html#Toolbox"
target=
"_blank"
>
toolbox(工具箱)
</a></h3>
<p><img
src=
"../asset/img/doc/toolbox.png"
title=
""
alt=
"工具箱"
/></P>
</div>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../doc.html#Tooltip"
target=
"_blank"
>
tooltip(提示)
</a></h3>
<td><img
src=
"../asset/img/doc/tooltip2.jpg"
title=
""
alt=
"提示"
/></td>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
'doc-image
span
6'
>
<div
class=
'doc-image
col-md-
6'
>
<h3><a
href=
"../doc.html#Legend"
target=
"_blank"
>
legend(图例)
</a></h3>
<p><img
src=
"../asset/img/doc/legend.png"
title=
""
alt=
"图例"
/></p>
</div>
<div
class=
'doc-image
span
6'
>
<div
class=
'doc-image
col-md-
6'
>
<h3><a
href=
"../doc.html#DataZoom"
target=
"_blank"
>
dataZoom(数据区域缩放)
</a></h3>
<p><img
src=
"../asset/img/doc/dataZoom.png"
title=
""
alt=
"数据区域缩放"
/></P>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../doc.html#DataRange"
target=
"_blank"
>
dataRange(值域)
</a></h3>
<p><img
src=
"../asset/img/doc/dataRange.png"
title=
""
alt=
"值域"
/></P>
</div>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../doc.html#Grid"
target=
"_blank"
>
grid(绘图网格)
</a></h3>
<p><img
src=
"../asset/img/doc/grid.jpg"
title=
""
alt=
"绘图网格"
/></P>
</div>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../doc.html#Axis"
target=
"_blank"
>
axis(坐标轴)
</a></h3>
<p><img
src=
"../asset/img/doc/axisDetail.png"
title=
""
alt=
"axisDetail"
/></P>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../example/line.html"
target=
"_blank"
>
line(折线图)
</a></h3>
<p><img
src=
"../asset/img/doc/lineTheme.png"
title=
""
alt=
"折线图"
/></P>
</div>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../example/bar.html"
target=
"_blank"
>
bar(柱形图)
</a></h3>
<p><img
src=
"../asset/img/doc/barTheme.png"
title=
""
alt=
"柱形图"
/></P>
</div>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../example/scatter.html"
target=
"_blank"
>
scatter(散点图)
</a></h3>
<p><img
src=
"../asset/img/doc/scatterTheme.png"
title=
""
alt=
"散点图"
/></P>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../example/k.html"
target=
"_blank"
>
k(K线图)
</a></h3>
<p><img
src=
"../asset/img/doc/kTheme.png"
title=
""
alt=
"K线图"
/></P>
</div>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../example/pie.html"
target=
"_blank"
>
pie(饼图)
</a></h3>
<p><img
src=
"../asset/img/doc/pieTheme.png"
title=
""
alt=
"饼图"
/></P>
</div>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../example/radar.html"
target=
"_blank"
>
k(雷达图)
</a></h3>
<p><img
src=
"../asset/img/doc/radarTheme.png"
title=
""
alt=
"雷达图"
/></P>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../example/chord.html"
target=
"_blank"
>
chord(和弦图)
</a></h3>
<p><img
src=
"../asset/img/doc/chordTheme.png"
title=
""
alt=
"和弦图"
/></P>
</div>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../example/force.html"
target=
"_blank"
>
force(力导向布局图)
</a></h3>
<p><img
src=
"../asset/img/doc/forceTheme.png"
title=
""
alt=
"力导向布局图"
/></P>
</div>
<div
class=
'doc-image
span
4'
>
<div
class=
'doc-image
col-md-
4'
>
<h3><a
href=
"../example/map.html"
target=
"_blank"
>
map(地图)
</a></h3>
<p><img
src=
"../asset/img/doc/mapTheme.png"
title=
""
alt=
"地图"
/></P>
</div>
</div>
</div>
<a
name=
'refresh'
href=
"#"
style=
"display:inline-block;padding-top: 50px;"
>
</a>
<div
class=
"row-fluid"
>
<div
class=
"row-fluid
example
"
>
<div
id=
"sidebar-code"
class=
"col-md-4"
>
<div
style=
"margin-bottom:10px"
>
<button
class=
"btn btn-large btn-block btn-info"
type=
"button"
onclick=
"refresh(true)"
>
Refresh All
</button>
<button
class=
"btn btn-large btn-primary"
type=
"button"
onclick=
"refresh(true)"
>
刷新
</button>
<button
class=
"btn btn-large btn-info"
type=
"button"
onclick=
"saveAsImage()"
>
保存图片
</button>
</div>
<div
class=
"well sidebar-nav"
>
<div
class=
"nav-header"
><a
href=
"#"
onclick=
"autoResize()"
class=
"glyphicon glyphicon-resize-full"
id =
"icon-resize"
></a>
option
</div>
...
...
@@ -868,53 +917,60 @@ theme = {
</textarea>
</div>
<!--/.well -->
<div
style=
"margin-top:10px"
>
<button
class=
"btn btn-large btn-block btn-info"
type=
"button"
onclick=
"refresh(true)"
>
Refresh All
</button>
<button
class=
"btn btn-large btn-primary"
type=
"button"
onclick=
"refresh(true)"
>
刷新
</button>
<button
class=
"btn btn-large btn-info"
type=
"button"
onclick=
"saveAsImage()"
>
保存图片
</button>
</div>
</div>
<!--/div sidebar-code-->
<div
id=
"graphic"
class=
"col-md-8"
>
<div
class=
"row-fluid"
>
<div
md=
"main"
class=
"chart"
></div>
<div
class=
"col-md-12"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
"
span
6"
>
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
<div
class=
"
span
6"
>
</div>
<!--/
col-md-
-->
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
</div>
<!--/
col-md-
-->
</div>
<div
class=
"row-fluid"
>
<div
md=
"main"
class=
"chart"
></div>
<div
class=
"col-md-12"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
"
span
6"
>
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
<div
class=
"
span
6"
>
</div>
<!--/
col-md-
-->
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
</div>
<!--/
col-md-
-->
</div>
<div
class=
"row-fluid"
>
<div
md=
"main"
class=
"chart"
style=
"height:600px"
></div>
<div
class=
"col-md-12"
>
<div
md=
"main"
class=
"chart"
style=
"height:600px"
></div>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
"
span
6"
>
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
<div
class=
"
span
6"
>
</div>
<!--/
col-md-
-->
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
</div>
<!--/
col-md-
-->
</div>
<div
class=
"row-fluid"
>
<div
class=
"
span
6"
>
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
<div
class=
"
span
6"
>
</div>
<!--/
col-md-
-->
<div
class=
"
col-md-
6"
>
<div
md=
"main"
class=
"chart"
></div>
</div>
<!--/
span
-->
</div>
<!--/
col-md-
-->
</div>
</div>
<!--/
span
-->
</div>
<!--/
col-md-
-->
</div>
<!--/row-->
</div>
<!--/.fluid-container-->
...
...
@@ -926,6 +982,6 @@ theme = {
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
src=
"../asset/js/echarts
Example
.js"
></script>
<script
src=
"../asset/js/echarts
ThemeDesigner
.js"
></script>
</body>
</html>
doc/example/webkit-dep.html
浏览文件 @
dbf22082
...
...
@@ -26,6 +26,11 @@
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
<style
type=
"text/css"
>
.CodeMirror
{
height
:
620px
;
}
</style>
</head>
<body>
...
...
@@ -100,6 +105,28 @@ option = {
<script
src=
"../asset/js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"../asset/js/echartsHome.js"
></script>
<script
src=
"../asset/js/bootstrap.min.js"
></script>
<script
type=
"text/javascript"
>
var
webkitDepData
;
require
([
'
webkit-dep
'
],
function
(
wd
)
{
webkitDepData
=
wd
;
//webkitDepData has been required and defined in webkit-dep.js
webkitDepData
.
minRadius
=
5
;
webkitDepData
.
maxRadius
=
8
;
webkitDepData
.
density
=
1.1
;
webkitDepData
.
attractiveness
=
1.1
;
webkitDepData
.
itemStyle
=
{
normal
:
{
linkStyle
:
{
opacity
:
0.5
}
}
}
// Echarts have been loaded
if
(
typeof
(
echarts
)
!==
'
undefined
'
)
{
refresh
();
}
})
</script>
<script
src=
"../asset/js/echartsExample.js"
></script>
</body>
</html>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录