Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
x649585723
incubator-echarts
提交
f3446bd5
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,发现更多精彩内容 >>
提交
f3446bd5
编写于
12月 07, 2015
作者:
P
pah100
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update axes example
上级
6c887fc6
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
152 addition
and
5 deletion
+152
-5
test/axes.html
test/axes.html
+152
-5
未找到文件。
test/axes.html
浏览文件 @
f3446bd5
...
...
@@ -10,15 +10,23 @@
#main
{
position
:
relative
;
min-width
:
1080px
;
/* 4 columns */
text-align
:
center
;
}
.title
{
display
:
block
;
cursor
:
pointer
;
text-decoration
:
none
;
clear
:
both
;
text-align
:
center
;
margin
:
0
;
background
:
#eef
;
line-height
:
22px
;
}
.block
{
float
:
left
;
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
top
;
margin
:
30px
0
30px
50px
;
}
.block
.ec
{
...
...
@@ -44,10 +52,12 @@
var
echarts
;
var
zrUtil
;
require
([
'
echarts
'
,
'
zrender/core/util
'
,
'
echarts/chart/line
'
,
'
echarts/chart/bar
'
,
'
echarts/chart/parallel
'
,
'
echarts/component/legend
'
,
'
echarts/component/grid
'
,
...
...
@@ -58,7 +68,13 @@
echarts
=
ec
;
zrUtil
=
zu
;
var
makeCartesian
=
zrUtil
.
curry
(
makeChart
,
defaultCartesianOption
);
var
makeCategoryOnY
=
zrUtil
.
curry
(
makeChart
,
categoryOnYOption
);
var
makePolar
=
zrUtil
.
curry
(
makeChart
,
defaultPolarOption
);
renderTitle
(
'
catesian normal
'
);
...
...
@@ -80,6 +96,71 @@
yAxis
:
{}
});
renderTitle
(
'
catesian min max and onZero
'
);
makeCartesian
(
'
xAxis.onZero: false, yAxis.min: 0.4, yAxis.max: 0.8
'
,
{
xAxis
:
{
onZero
:
false
},
yAxis
:
{
min
:
0.4
,
max
:
0.8
}
});
makeCartesian
(
'
xAxis.onZero: false, yAxis.min: -5, yAxis.max: 1.8
'
,
{
xAxis
:
{
onZero
:
false
},
yAxis
:
{
min
:
-
5
,
max
:
1.8
}
});
makeCartesian
(
'
xAxis.onZero: false, yAxis.min: -5
'
,
{
xAxis
:
{
onZero
:
false
},
yAxis
:
{
min
:
-
5
}
});
makeCartesian
(
'
xAxis.onZero: false, yAxis.max: 0.8
'
,
{
xAxis
:
{
onZero
:
false
},
yAxis
:
{
max
:
0.8
}
});
makeCartesian
(
'
xAxis.onZero: true, yAxis.min: 0.4, yAxis.max: 0.8
'
,
{
xAxis
:
{
onZero
:
true
},
yAxis
:
{
min
:
0.4
,
max
:
0.8
}
});
makeCartesian
(
'
xAxis.onZero: true, yAxis.min: -5, yAxis.max: 1.8
'
,
{
xAxis
:
{
onZero
:
true
},
yAxis
:
{
min
:
-
5
,
max
:
1.8
}
});
makeCartesian
(
'
xAxis.onZero: true, yAxis.min: -5
'
,
{
xAxis
:
{
onZero
:
true
},
yAxis
:
{
min
:
-
5
}
});
makeCartesian
(
'
xAxis.onZero: true, yAxis.max: 0.8
'
,
{
xAxis
:
{
onZero
:
true
},
yAxis
:
{
max
:
0.8
}
});
renderTitle
(
'
catesian category on y
'
);
makeCategoryOnY
(
'
x: forward, y: forward
'
,
{
xAxis
:
{},
yAxis
:
{}
});
makeCategoryOnY
(
'
x: inverse, y: inverse
'
,
{
xAxis
:
{
inverse
:
true
},
yAxis
:
{
inverse
:
true
}
});
makeCategoryOnY
(
'
x: forward, y: inverse
'
,
{
xAxis
:
{},
yAxis
:
{
inverse
:
true
}
});
makeCategoryOnY
(
'
x: inverse, y: forward
'
,
{
xAxis
:
{
inverse
:
true
},
yAxis
:
{}
});
renderTitle
(
'
catesian position setting
'
);
// position
...
...
@@ -122,8 +203,6 @@
renderTitle
(
'
polar normal
'
);
var
makePolar
=
zrUtil
.
curry
(
makeChart
,
defaultPolarOption
);
// inverse
makePolar
(
'
angle: forward, radius: forward
'
,
{
angleAxis
:
{},
...
...
@@ -198,6 +277,21 @@
radiusAxis
:
{}
});
renderTitle
(
'
polar clockwise
'
);
makePolar
(
'
clockwise: true
'
,
{
angleAxis
:
{
clockwise
:
true
},
radiusAxis
:
{}
});
makePolar
(
'
clockwise: false
'
,
{
angleAxis
:
{
clockwise
:
false
},
radiusAxis
:
{}
});
renderTitle
(
'
polar inverse angle settting
'
);
// startAngle
...
...
@@ -246,9 +340,12 @@
function
renderTitle
(
label
)
{
var
containerEl
=
document
.
getElementById
(
'
main
'
);
var
el
=
document
.
createElement
(
'
div
'
);
var
el
=
document
.
createElement
(
'
a
'
);
el
.
className
=
'
title
'
;
el
.
innerHTML
=
encodeHTML
(
label
);
var
html
=
encodeHTML
(
label
);
el
.
innerHTML
=
html
;
el
.
href
=
'
#
'
+
html
;
el
.
name
=
html
;
containerEl
.
appendChild
(
el
);
}
...
...
@@ -313,6 +410,56 @@
};
}
function
categoryOnYOption
()
{
var
axisData
=
[];
var
data1
=
[];
for
(
var
i
=
0
;
i
<
30
;
i
++
)
{
axisData
.
push
(
'
类目
'
+
i
);
data1
.
push
(
+
(
Math
.
random
()
+
0.5
).
toFixed
(
3
));
}
return
{
legend
:
{
data
:
[
'
line
'
,
'
line2
'
,
'
line3
'
]
},
tooltip
:
{
trigger
:
'
axis
'
,
axisPointer
:
{
type
:
'
line
'
}
},
grid
:
{
x
:
50
,
y
:
50
,
x2
:
50
,
y2
:
50
},
yAxis
:
{
data
:
axisData
,
type
:
'
category
'
,
name
:
'
YName
'
,
boundaryGap
:
false
,
splitArea
:
{
show
:
false
},
splitLine
:
{
show
:
false
}
},
xAxis
:
{
type
:
'
value
'
,
name
:
'
XName
'
,
splitArea
:
{
show
:
true
}
},
series
:
[{
name
:
'
line
'
,
type
:
'
line
'
,
stack
:
'
all
'
,
symbol
:
'
circle
'
,
symbolSize
:
10
,
data
:
data1
,
itemStyle
:
{
normal
:
{
borderColor
:
'
white
'
,
borderWidth
:
3
,
lineStyle
:
{
width
:
1
}
}
}
}]
};
}
function
defaultPolarOption
()
{
var
xAxisData
=
[];
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录