Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
半栈学徒
incubator-echarts
提交
21dde0a5
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,发现更多精彩内容 >>
提交
21dde0a5
编写于
11月 18, 2013
作者:
K
kener
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
增加瀑布图,折柱混搭范围图例子
上级
1b4a0691
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
378 addition
and
5 deletion
+378
-5
doc/doc.html
doc/doc.html
+17
-5
doc/example/bar6.html
doc/example/bar6.html
+190
-0
doc/example/mix6.html
doc/example/mix6.html
+171
-0
未找到文件。
doc/doc.html
浏览文件 @
21dde0a5
...
@@ -1795,11 +1795,23 @@ indicator : [
...
@@ -1795,11 +1795,23 @@ indicator : [
<td>
折线图,柱状图,散点图,K线图
</td>
<td>
折线图,柱状图,散点图,K线图
</td>
<td><a
href=
"#Yaxis"
title=
""
>
yAxis
</a>
坐标轴数组的索引,指定该系列数据所用的纵坐标轴
</td>
<td><a
href=
"#Yaxis"
title=
""
>
yAxis
</a>
坐标轴数组的索引,指定该系列数据所用的纵坐标轴
</td>
</tr>
</tr>
<tr>
<td>
{number | string} barGap
</td>
<td>
'30%'
</td>
<td>
柱状图
</td>
<td>
柱间距离,默认为柱形宽度的30%,可设固定值
</td>
</tr>
<tr>
<td>
{number | string} barCategoryGap
</td>
<td>
'20%'
</td>
<td>
柱状图
</td>
<td>
类目间柱形距离,默认为类目间距的20%,可设固定值
</td>
</tr>
<tr>
<tr>
<td>
{number} barMinHeight
</td>
<td>
{number} barMinHeight
</td>
<td>
2
0
</td>
<td>
0
</td>
<td>
柱状图
</td>
<td>
柱状图
</td>
<td>
柱条最小高度,防止某item的值过小而影响交互
</td>
<td>
柱条最小高度,
可用于
防止某item的值过小而影响交互
</td>
</tr>
</tr>
<tr>
<tr>
<td>
{number} barWidth
</td>
<td>
{number} barWidth
</td>
...
@@ -1873,9 +1885,9 @@ indicator : [
...
@@ -1873,9 +1885,9 @@ indicator : [
</tr>
</tr>
<tr>
<tr>
<td>
{number} minAngle
</td>
<td>
{number} minAngle
</td>
<td>
5
</td>
<td>
0
</td>
<td>
饼图
</td>
<td>
饼图
</td>
<td>
最小角度,防止某item的值过小而影响交互
</td>
<td>
最小角度,
可用于
防止某item的值过小而影响交互
</td>
</tr>
</tr>
<tr>
<tr>
<td>
{string} roseType
</td>
<td>
{string} roseType
</td>
...
@@ -2109,7 +2121,7 @@ indicator : [
...
@@ -2109,7 +2121,7 @@ indicator : [
<tr>
<tr>
<td>
{Object} lineStyle
</td>
<td>
{Object} lineStyle
</td>
<td>
图表各异
</td>
<td>
图表各异
</td>
<td>
折线图,K线图 ,地图
</td>
<td>
折线图,
柱状图,
K线图 ,地图
</td>
<td>
线条样式,详见
<a
href=
"#LineStyle"
title=
""
>
lineStyle
</a></td>
<td>
线条样式,详见
<a
href=
"#LineStyle"
title=
""
>
lineStyle
</a></td>
</tr>
</tr>
<tr>
<tr>
...
...
doc/example/bar6.html
0 → 100644
浏览文件 @
21dde0a5
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<title>
ECharts
</title>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
"ECharts"
>
<meta
name=
"author"
content=
"linzhifeng@baidu.com"
>
<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/bootstrap.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/bootstrap-responsive.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/echartsHome.css"
rel=
"stylesheet"
>
<link
rel=
"shortcut icon"
href=
"../asset/ico/favicon.png"
>
</head>
<body>
<!-- NAVBAR
================================================== -->
<div
class=
"navbar navbar-inverse navbar-fixed-top"
>
<div
class=
"navbar-inner"
>
<div
class=
"container"
>
<button
type=
"button"
class=
"btn btn-navbar"
data-toggle=
"collapse"
data-target=
".nav-collapse"
>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"brand"
href=
"../../index.html"
>
ECharts
</a>
<div
class=
"nav-collapse collapse"
>
<a
id=
"forkme_banner"
href=
"https://github.com/ecomfe/echarts"
>
View on GitHub
</a>
<ul
class=
"nav"
>
<li><a
href=
"../../index.html"
><i
class=
"icon-home icon-white"
></i>
Home
</a></li>
<li
class=
"active"
><a
href=
"../example.html"
class=
"active"
>
Example
</a></li>
<li><a
href=
"../doc.html"
>
API
&
Doc
</a></li>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
><i
class=
"icon-download-alt icon-white"
></i>
Download
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
>
<li><a
id=
"last-release-link"
href=
""
>
</a></li>
<li><a
href=
"https://github.com/ecomfe/echarts/archive/master.zip"
>
ZIP (Latest)
</a></li>
</ul>
</li>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
Link
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
>
<li><a
href=
"https://github.com/ecomfe"
target=
"_blank"
>
Ecom-FE
</a></li>
<li><a
href=
"http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html"
target=
"_blank"
>
Data Visualization
</a></li>
<li
class=
"divider"
></li>
<!--li class="nav-header">Library</li-->
<li><a
href=
"http://ecomfe.github.io/zrender/index.html"
target=
"_blank"
>
ZRender
</a></li>
</ul>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!-- /.container -->
</div>
<!-- /.navbar-inner -->
</div>
<!-- /.navbar-wrapper -->
<div
class=
"container-fluid"
>
<div
class=
"row-fluid"
>
<div
id=
"sidebar-code"
class=
"span4"
>
<div
class=
"well sidebar-nav"
>
<div
class=
"nav-header"
><a
href=
"#"
onclick=
"autoResize()"
class=
"icon-resize-full"
id =
"icon-resize"
></a>
option
</div>
<textarea
id=
"code"
name=
"code"
>
option = {
title: {
text: '瀑布图',
subtext: '纯属虚构'
},
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
},
formatter: function(params) {
var tar;
if (params[1][2] != '-') {
tar = params[1];
}
else {
tar = params[2];
}
return tar[1] + '
<br/>
' + tar[0] + ' : ' + tar[2];
}
},
legend: {
data:['支出','收入']
},
toolbox: {
show : true,
feature : {
mark : true,
dataView : {readOnly: false},
magicType:['line', 'bar'],
restore : true,
saveAsImage : true
}
},
xAxis : [
{
type : 'category',
splitLine: {show:false},
data : function(){
var list = [];
for (var i = 1; i
<
=
11;
i
++)
{
list.push
('11
月
'
+
i
+
'
日
');
}
return
list
;
}()
}
],
yAxis
:
[
{
type
:
'
value
',
splitArea:
{
show
:
true
}
}
],
series
:
[
{
name:
'
辅助
',
type:
'
bar
',
stack:
'
总量
',
itemStyle:
{
normal:
{
lineStyle:
{
color:
'
rgba
(0,0,0,0)'},
color:
'
rgba
(0,0,0,0)'
},
emphasis:
{
lineStyle:
{
color:
'
rgba
(0,0,0,0)'},
color:
'
rgba
(0,0,0,0)'
}
},
data:
[0,
900,
1245,
1530,
1376,
1376,
1511,
1689,
1856,
1495,
1292]
},
{
name:
'
收入
',
type:
'
bar
',
stack:
'
总量
',
itemStyle
:
{
normal:
{
label
:
{
show:
true
,
position:
'
inside
'}}},
data:
[900,
345,
393,
'
-
',
'
-
',
135,
178,
286,
'
-
',
'
-
',
'
-
',]
},
{
name:
'
支出
',
type:
'
bar
',
stack:
'
总量
',
itemStyle
:
{
normal:
{
label
:
{
show:
true
,
position:
'
inside
'}}},
data:
['
-
',
'
-
',
'
-
',
108,
154,
'
-
',
'
-
',
'
-
',
119,
361,
203]
}
]
};
</
textarea
>
</div>
<!--/.well -->
</div>
<!--/span-->
<div
id=
"graphic"
class=
"span8"
>
<div
id=
"main"
class=
"main"
></div>
<div>
<button
onclick=
"refresh(true)"
>
Refresh ~
</button>
<span
id=
'wrong-message'
style=
"color:red"
></span>
</div>
</div>
<!--/span-->
</div>
<!--/row-->
<hr>
<!-- FOOTER -->
<footer>
<p
class=
"pull-right"
><a
href=
"#"
>
Back to top
</a></p>
<p>
©
2013 ECOM-FE
·
<a
href=
"https://github.com/ecomfe/echarts/blob/master/LICENSE.txt"
target=
"_blank"
>
Terms
</a>
·
<a
href=
"../changelog.html"
target=
"_blank"
>
Changelog
</a></p>
</footer>
</div>
<!--/.fluid-container-->
<script
src=
"../asset/js/jquery.js"
></script>
<script
src=
"../asset/js/bootstrap-transition.js"
></script>
<script
src=
"../asset/js/bootstrap-alert.js"
></script>
<script
src=
"../asset/js/bootstrap-modal.js"
></script>
<script
src=
"../asset/js/bootstrap-dropdown.js"
></script>
<script
src=
"../asset/js/bootstrap-scrollspy.js"
></script>
<script
src=
"../asset/js/bootstrap-tab.js"
></script>
<script
src=
"../asset/js/bootstrap-tooltip.js"
></script>
<script
src=
"../asset/js/bootstrap-popover.js"
></script>
<script
src=
"../asset/js/bootstrap-button.js"
></script>
<script
src=
"../asset/js/bootstrap-collapse.js"
></script>
<script
src=
"../asset/js/bootstrap-carousel.js"
></script>
<script
src=
"../asset/js/bootstrap-typeahead.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></script>
</body>
</html>
\ No newline at end of file
doc/example/mix6.html
0 → 100644
浏览文件 @
21dde0a5
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<title>
ECharts
</title>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
"ECharts"
>
<meta
name=
"author"
content=
"linzhifeng@baidu.com"
>
<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/bootstrap.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/bootstrap-responsive.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/codemirror.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/monokai.css"
rel=
"stylesheet"
>
<link
href=
"../asset/css/echartsHome.css"
rel=
"stylesheet"
>
<link
rel=
"shortcut icon"
href=
"../asset/ico/favicon.png"
>
</head>
<body>
<!-- NAVBAR
================================================== -->
<div
class=
"navbar navbar-inverse navbar-fixed-top"
>
<div
class=
"navbar-inner"
>
<div
class=
"container"
>
<button
type=
"button"
class=
"btn btn-navbar"
data-toggle=
"collapse"
data-target=
".nav-collapse"
>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"brand"
href=
"../../index.html"
>
ECharts
</a>
<div
class=
"nav-collapse collapse"
>
<a
id=
"forkme_banner"
href=
"https://github.com/ecomfe/echarts"
>
View on GitHub
</a>
<ul
class=
"nav"
>
<li><a
href=
"../../index.html"
><i
class=
"icon-home icon-white"
></i>
Home
</a></li>
<li
class=
"active"
><a
href=
"../example.html"
class=
"active"
>
Example
</a></li>
<li><a
href=
"../doc.html"
>
API
&
Doc
</a></li>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
><i
class=
"icon-download-alt icon-white"
></i>
Download
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
>
<li><a
id=
"last-release-link"
href=
""
>
</a></li>
<li><a
href=
"https://github.com/ecomfe/echarts/archive/master.zip"
>
ZIP (Latest)
</a></li>
</ul>
</li>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
Link
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
>
<li><a
href=
"https://github.com/ecomfe"
target=
"_blank"
>
Ecom-FE
</a></li>
<li><a
href=
"http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html"
target=
"_blank"
>
Data Visualization
</a></li>
<li
class=
"divider"
></li>
<!--li class="nav-header">Library</li-->
<li><a
href=
"http://ecomfe.github.io/zrender/index.html"
target=
"_blank"
>
ZRender
</a></li>
</ul>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!-- /.container -->
</div>
<!-- /.navbar-inner -->
</div>
<!-- /.navbar-wrapper -->
<div
class=
"container-fluid"
>
<div
class=
"row-fluid"
>
<div
id=
"sidebar-code"
class=
"span4"
>
<div
class=
"well sidebar-nav"
>
<div
class=
"nav-header"
><a
href=
"#"
onclick=
"autoResize()"
class=
"icon-resize-full"
id =
"icon-resize"
></a>
option
</div>
<textarea
id=
"code"
name=
"code"
>
option = {
tooltip : {
trigger: 'axis'
},
toolbox: {
show : true,
y: 'bottom',
feature : {
mark : true,
dataView : {readOnly: false},
magicType:['line', 'bar'],
restore : true,
saveAsImage : true
}
},
calculable : true,
legend: {
data:['上周对比','本周变化']
},
xAxis : [
{
type : 'category',
data : ['周一','周二','周三','周四','周五','周六','周日']
}
],
yAxis : [
{
type : 'value',
power: 10,
splitArea : {show : true}
}
],
series : [
{
name:'上周对比2',
type:'bar',
stack: '1',
barWidth: 20,
tooltip : {
show: 'false',
trigger:'none'
},
itemStyle:{
normal:{
lineStyle:{color:'rgba(0,0,0,0)'},
color:'rgba(0,0,0,0)'
},
emphasis:{
lineStyle:{color:'rgba(0,0,0,0)'},
color:'rgba(0,0,0,0)'
}
},
data:[320, 332, 200, 334, 300, 330, 320]
},
{
name:'本周变化',
type:'bar',
stack: '1',
data:[120, 132, 101, 134, 90, 230, 210]
},
{
name:'上周对比',
type:'line',
data:[320, 332, 301, 334, 390, 330, 320]
}
]
};
</textarea>
</div>
<!--/.well -->
</div>
<!--/span-->
<div
id=
"graphic"
class=
"span8"
>
<div
id=
"main"
class=
"main"
></div>
<div>
<button
onclick=
"refresh(true)"
>
Refresh ~
</button>
<span
id=
'wrong-message'
style=
"color:red"
></span>
</div>
</div>
<!--/span-->
</div>
<!--/row-->
<hr>
<!-- FOOTER -->
<footer>
<p
class=
"pull-right"
><a
href=
"#"
>
Back to top
</a></p>
<p>
©
2013 ECOM-FE
·
<a
href=
"https://github.com/ecomfe/echarts/blob/master/LICENSE.txt"
target=
"_blank"
>
Terms
</a>
·
<a
href=
"../changelog.html"
target=
"_blank"
>
Changelog
</a></p>
</footer>
</div>
<!--/.fluid-container-->
<script
src=
"../asset/js/jquery.js"
></script>
<script
src=
"../asset/js/bootstrap-transition.js"
></script>
<script
src=
"../asset/js/bootstrap-alert.js"
></script>
<script
src=
"../asset/js/bootstrap-modal.js"
></script>
<script
src=
"../asset/js/bootstrap-dropdown.js"
></script>
<script
src=
"../asset/js/bootstrap-scrollspy.js"
></script>
<script
src=
"../asset/js/bootstrap-tab.js"
></script>
<script
src=
"../asset/js/bootstrap-tooltip.js"
></script>
<script
src=
"../asset/js/bootstrap-popover.js"
></script>
<script
src=
"../asset/js/bootstrap-button.js"
></script>
<script
src=
"../asset/js/bootstrap-collapse.js"
></script>
<script
src=
"../asset/js/bootstrap-carousel.js"
></script>
<script
src=
"../asset/js/bootstrap-typeahead.js"
></script>
<script
src=
"../asset/js/echartsExample.js"
></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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录