Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
x649585723
incubator-echarts
提交
1445a1a2
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,发现更多精彩内容 >>
提交
1445a1a2
编写于
12月 20, 2013
作者:
K
kener
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
1.0.7 release
上级
0b0900ce
变更
11
展开全部
隐藏空白更改
内联
并排
Showing
11 changed file
with
55 addition
and
22 deletion
+55
-22
README.md
README.md
+12
-2
doc/asset/img/subMapType.png
doc/asset/img/subMapType.png
+0
-0
doc/asset/js/echartsExample.js
doc/asset/js/echartsExample.js
+1
-1
doc/changelog.html
doc/changelog.html
+3
-2
doc/example/topic/24-population-china/index.html
doc/example/topic/24-population-china/index.html
+12
-10
doc/example/topic/24-population-china/js/data-people.js
doc/example/topic/24-population-china/js/data-people.js
+2
-2
doc/example/www/js/echarts-map.js
doc/example/www/js/echarts-map.js
+1
-1
doc/example/www/js/echarts.js
doc/example/www/js/echarts.js
+1
-1
doc/example/www2/js/echarts-plain-map.js
doc/example/www2/js/echarts-plain-map.js
+1
-1
doc/example/www2/js/echarts-plain.js
doc/example/www2/js/echarts-plain.js
+1
-1
index.html
index.html
+21
-1
未找到文件。
README.md
浏览文件 @
1445a1a2
...
...
@@ -99,12 +99,22 @@ ECharts提供了方便快捷的图例开关,可以随时切换到你所关心
![
ECharts 多维度堆积
](
doc/asset/img/multiStack.png
)
### 子区域地图模式
地图类型支持world,china及全国34个省市自治区。同时支持子区域模式,通过主地图类型扩展出所包含的子区域地图,轻易输出全球176个国家地区和全国600多个省市区域简图。
![
ECharts 个性化定制
](
doc/asset/img/subMapType.png
)
### GeoJson地图扩展
内置地图由标准GeoJson地理数据并经过高效的压缩算法压缩生成的地图数据(大小仅为标准geoJson的30%左右)驱动而来。如果内置地图类型或数据如果并未满足你的项目需要,可通过简单动态注册产生你所需要的新类型。
![
ECharts 个性化定制
](
doc/asset/img/example/map7.png
)
### 个性化定制
500+个可配置选项结合多级控制设计满足高度定制的个性化需求。
![
ECharts 个性化定制
](
doc/asset/img/custom.png
)
### 事件交互
可以捕获的用户交互和数据变化事件实现图表与外界的联动。
可以捕获的用户交互和数据变化事件实现图表与外界的联动。
<a
href=
"doc/example/event.html"
target=
"_blank"
>
try this
»
</a>
<a
href=
"doc/example/event.html"
target=
"_blank"
>
try this
»
</a>
![
ECharts 个性化定制
](
doc/asset/img/example/mix3.png
)
doc/asset/img/subMapType.png
0 → 100644
浏览文件 @
1445a1a2
14.1 KB
doc/asset/js/echartsExample.js
浏览文件 @
1445a1a2
...
...
@@ -66,7 +66,7 @@ function needMap() {
}
var
echarts
;
var
developMode
=
tru
e
;
var
developMode
=
fals
e
;
if
(
developMode
)
{
// for develop
...
...
doc/changelog.html
浏览文件 @
1445a1a2
...
...
@@ -86,14 +86,15 @@
<li>
【+】 srcipt标签式引入,兼容非模块化或基于CMD模块化(如seajs)项目引入ECharts
</li>
<li>
【^】 [map]支持滚轮缩放和拖拽漫游
</li>
<li>
【^】 [map]支持标准GeoJson动态扩展地图类型,try
<a
href=
"./example/map6.html"
target=
"_blank"
>
HK 》
</a>
<a
href=
"./example/map7.html"
target=
"_blank"
>
USA 》
</a></li>
<li>
【
^
】 [map]内置地图类型新增世界地图类型world, try
<a
href=
"./example/map4.html"
target=
"_blank"
>
this 》
</a></li>
<li>
【^】 [map]mapType支持子区域模式,内置支持从wold、china以及中国32个省市自治区地图中扩展出176个国家和600多个省市区域简图, try
<a
href=
"./example/map8.html"
target=
"_blank"
>
this 》
</a></li>
<li>
【
+
】 [map]内置地图类型新增世界地图类型world, try
<a
href=
"./example/map4.html"
target=
"_blank"
>
this 》
</a></li>
<li>
【^】 [map]mapType支持子区域模式,内置支持从wold、china以及中国32个省市自治区地图中扩展出176个国家
地区
和600多个省市区域简图, try
<a
href=
"./example/map8.html"
target=
"_blank"
>
this 》
</a></li>
<li>
[^] [map]中国地图加入南海诸岛区域
</li>
<li>
[^] [map]mapLocation支持百分比
</li>
<li>
[^] [force]tooltip完善,支持边的提示
</li>
<li>
[^] [force]支持了CLICK等鼠标事件,小幅度的性能优化和数据过滤后动画的改进
</li>
<li>
[^] [line][scatter]折线图、散点图支持symbol为image
</li>
<li>
[^] mobile交互优化(拖拽,点击)
</li>
<li>
[+] 新增专题
<a
href=
"example/topic/10-me-china/index.html"
target=
"_blank"
>
中国经济十年时空漫游(2002-2011)
</a>
<a
href=
"example/topic/24-population-china/index.html"
target=
"_blank"
>
中国人口流动大潮(1987-2011)
</a></li>
<li>
[?] 依赖升级,
<a
href=
"http://ecomfe.github.io/zrender/"
target=
"_blank"
>
ZRender
</a>
1.0.7+
</li>
</ul>
</div>
...
...
doc/example/topic/24-population-china/index.html
浏览文件 @
1445a1a2
...
...
@@ -6,6 +6,9 @@
<script
src=
"../../../asset/js/esl/esl.js"
></script>
<title>
中国人口流动大潮
</title>
<style
type=
"text/css"
>
*
{
font-family
:
"Microsoft YaHei"
!important
;
}
h1
{
font-family
:
"Microsoft YaHei"
;
font-weight
:
bold
;
...
...
@@ -20,10 +23,9 @@ h1 {
padding-top
:
15px
;
}
h5
{
padding
:
15px
;
line-height
:
20px
;
}
p
{
padding
:
0
15px
;
}
.select_box
{
border-top-width
:
1px
;
...
...
@@ -62,10 +64,10 @@ body {
</head>
<body>
<h1>
中国人口流动大潮1987-2011
</h1>
<
h5>
人口流动是人口在短期离开后又返回原居住地的现象,一般指离家外出工作、读书、旅游、探亲和从军一段时间,未改变定居地的人口移动。
探讨的流动人口,是指以中国城乡二元社会结构和特有的户籍政策为前提,其就业、生活或学习所在地与其户籍所在地处于分离状态的人口,它与其他国家的人口自由迁移现象存在着差异。
中国人口的大规模流动,是自20世纪80年代改革开放以来随着农村户籍居民离开本乡本土进城或外出务工而出现的社会现象,它表现出明显的中国时代特色:
</
h5
>
<h1>
中国人口流动大潮1987-2011
(单位:万人)
</h1>
<
p>
自上世纪90年代以来,随着中国社会经济的发展和城市化进程的加快,人口的迁移和移动已经愈发频繁。国家统计局公布的数据显示,2012年我国流动人口数量达2.36亿人,相当于每六个人中有一个是流动人口。
</p>
<p>
探讨的流动人口,是指以中国城乡二元社会结构和特有的户籍政策为前提,其就业、生活或学习所在地与其户籍所在地处于分离状态的人口,它与其他国家的人口自由迁移现象存在着差异。
中国人口的大规模流动,是自20世纪80年代改革开放以来随着农村户籍居民离开本乡本土进城或外出务工而出现的社会现象,它表现出明显的中国时代特色:
</
p
>
<div
class=
"select_box"
><form
id=
"form1"
name=
"form1"
method=
"post"
action=
""
>
<label
for=
"year"
>
请选择年份
</label>
<select
name=
"year"
id=
"year"
>
...
...
@@ -97,7 +99,7 @@ body {
</select>
</form></div>
<div
id=
"main"
style=
"height:500px;border:1px solid #ccc;padding:
1
0px;"
></div>
<div
id=
"main"
style=
"height:500px;border:1px solid #ccc;padding:
2
0px;"
></div>
<script
src=
"js/data-people.js"
></script>
<script
type=
"text/javascript"
>
var
fileLocation
=
'
../../www/js/echarts-map
'
;
...
...
@@ -128,7 +130,7 @@ body {
],
function
(
ec
)
{
colorList
=
require
(
'
zrender/tool/color
'
).
getGradientColors
(
[
'
red
'
,
'
yellow
'
,
'
lightgreen
'
],
10
[
'
red
'
,
'
yellow
'
,
'
lightskyblue
'
],
10
);
//console.log(colorList)
myChart
=
ec
.
init
(
document
.
getElementById
(
'
main
'
));
...
...
doc/example/topic/24-population-china/js/data-people.js
浏览文件 @
1445a1a2
...
...
@@ -24,7 +24,7 @@ var pList = [
'
陕西
'
,
'
甘肃
'
,
'
青海
'
,
'
宁夏
'
,
'
新疆
'
];
var
dataPeople
=
dataFormatter
({
1987
:[
54.385
,
-
3.7215
,
14.2049
,
'
-
'
,
12.8015
,
0.0364
,
0.0017
,
60.0185
,
0.0013
,
-
0.0088
,
-
0.0021
,
0.3783
,
74.4804
,
73.358
,
68.5216
,
214.5266
,
62.1894
,
0.0035
,
-
515.4337
,
-
0.3961
,
615.08
,
0.00
,
-
2845.1717
,
21.1903
,
21.0012
,
1
E
-
04
,
-
0.1941
,
12.3201
,
10.3655
,
971.1747
,
-
971.1667
],
1987
:[
54.385
,
-
3.7215
,
14.2049
,
67.2978
,
12.8015
,
0.0364
,
0.0017
,
60.0185
,
0.0013
,
-
0.0088
,
-
0.0021
,
0.3783
,
74.4804
,
73.358
,
68.5216
,
214.5266
,
62.1894
,
0.0035
,
-
515.4337
,
-
0.3961
,
615.08
,
0.00
,
-
2845.1717
,
21.1903
,
21.0012
,
1
E
-
04
,
-
0.1941
,
12.3201
,
10.3655
,
971.1747
,
-
971.1667
],
1988
:[
57.1491
,
-
4.2217
,
3.1205
,
75.8062
,
10.8571
,
-
0.0394
,
-
0.0036
,
64.4743
,
0.0013
,
0.0027
,
0.0041
,
-
0.0644
,
83.7506
,
50.4412
,
51.8223
,
237.1979
,
40.6486
,
-
0.0079
,
138.5266
,
-
0.0722
,
-
0.6382
,
0.00
,
-
2873.3272
,
-
16.6705
,
11.3674
,
0.004
,
-
0.0343
,
12.4604
,
12.661
,
981.8884
,
-
981.8935
],
1989
:[
50.29
,
-
4.5993
,
-
7.3556
,
78.5695
,
9.6678
,
-
0.0442
,
0.0102
,
67.6278
,
0.0002
,
-
0.0188
,
0.005
,
-
0.2444
,
94.9497
,
51.0692
,
-
20.8574
,
259.8603
,
34.9442
,
-
0.001
,
179.9817
,
0.0809
,
0.4062
,
0.00
,
-
2897.0608
,
-
13.0481
,
5.7817
,
-
0.0027
,
0.0143
,
14.0836
,
12.9175
,
999.3519
,
-
999.3504
],
1990
:[
50.2859
,
-
4.2069
,
42.2014
,
53.7355
,
13.1682
,
-
0.0483
,
0.0288
,
54.1539
,
-
0.002
,
95.171
,
3.0887
,
0.2922
,
37.1807
,
49.218
,
69.4372
,
84.5741
,
65.7441
,
0.3187
,
100.8657
,
0.3798
,
11.5363
,
0.00
,
-
2920.8799
,
30.5574
,
36.0878
,
3.418
,
40.981
,
24.7647
,
12.8175
,
1063.4826
,
-
1033.0436
],
...
...
@@ -56,7 +56,7 @@ var option = {
//color : ["rgb(255,0,0)", "rgb(255,63,0)", "rgb(255,127,0)", "rgb(255,191,0)", "rgb(255,255,0)"],
title
:
{
text
:
'
中国人口流动图示 (2011)
'
,
subtext
:
'
1987-2011
'
,
subtext
:
'
1987-2011
(单位:万人)
'
,
x
:
'
center
'
},
tooltip
:
{
...
...
doc/example/www/js/echarts-map.js
浏览文件 @
1445a1a2
此差异已折叠。
点击以展开。
doc/example/www/js/echarts.js
浏览文件 @
1445a1a2
此差异已折叠。
点击以展开。
doc/example/www2/js/echarts-plain-map.js
浏览文件 @
1445a1a2
此差异已折叠。
点击以展开。
doc/example/www2/js/echarts-plain.js
浏览文件 @
1445a1a2
此差异已折叠。
点击以展开。
index.html
浏览文件 @
1445a1a2
...
...
@@ -216,6 +216,22 @@
<p>
支持多系列,多维度的数据堆积,配合自动伸缩的图形实体和直角坐标系,能呈现出更有内涵的统计图表~
</p>
</div>
<hr
class=
"featurette-divider"
>
<div
class=
"featurette"
>
<div
class=
"span6 pull-right"
>
<img
src=
"doc/asset/img/subMapType.png"
alt=
"Echarts 子区域地图"
/>
</div>
<h2
class=
"featurette-heading"
>
子区域地图模式
</h2>
<p>
地图类型支持world,china及全国34个省市自治区。同时支持子区域模式,通过主地图类型扩展出所包含的子区域地图,轻易输出全球176个国家地区和全国600多个省市区域简图, try
<a
href=
"./doc/example/map8.html"
target=
"_blank"
>
this 》
</a></p>
</div>
<hr
class=
"featurette-divider"
>
<div
class=
"featurette"
>
<div
class=
"span6 pull-left"
>
<img
src=
"doc/asset/img/example/map7.png"
alt=
"Echarts 标准GeoJson扩展"
/>
</div>
<h2
class=
"featurette-heading"
>
GeoJson地图扩展
</h2>
<p>
内置地图由标准GeoJson地理数据并经过高效的压缩算法压缩生成的地图数据(大小仅为标准geoJson的30%左右)驱动而来。如果内置地图类型或数据如果并未满足你的项目需要,可通过简单动态注册产生你所需要的新类型, try
<a
href=
"./doc/example/map7.html"
target=
"_blank"
>
this 》
</a></p>
</div>
<hr
class=
"featurette-divider"
>
<div
class=
"featurette"
>
<div
class=
"pull-right"
>
<img
src=
"doc/asset/img/doc/multiControl.jpg"
alt=
"Echarts 多级控制"
style=
"height:145px"
/>
...
...
@@ -229,8 +245,12 @@
</div>
<hr
class=
"featurette-divider"
>
<div
class=
"featurette"
>
<div
class=
"span6 pull-left"
>
<img
src=
"doc/asset/img/example/mix3.png"
alt=
"Echarts 事件交互"
/>
</div>
<h2
class=
"featurette-heading"
>
事件交互
</h2>
<p>
可以捕获的用户交互和数据变化事件实现图表与外界的联动。
<a
href=
"doc/example/event.html"
target=
"_blank"
>
try this
»
</a></p>
<p>
可以捕获的用户交互和数据变化事件实现图表间或者与外界的联动。
<a
href=
"doc/example/mix3.html"
target=
"_blank"
>
try this
»
</a></p>
<p>
事件调试
<a
href=
"doc/example/event.html"
target=
"_blank"
>
try this
»
</a></p>
</div>
<hr>
<!-- /END THE FEATURETTES -->
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录