Skip to content

I
incubator-echarts

半栈学徒 / incubator-echarts
与 Fork 源项目一致

从无法访问的项目Fork

通知 5
Star 0
Fork 0
I
incubator-echarts

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 1445a1a2 编写于 作者: K kener
浏览文件
操作

1.0.7 release

上级 0b0900ce
展开全部 隐藏空白更改
内联 并排
Showing with 55 addition and 22 deletion
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 &raquo;</a>
<a href="doc/example/event.html" target="_blank">try this &raquo;</a>
![ECharts 个性化定制](doc/asset/img/example/mix3.png)
doc/asset/js/echartsExample.js
浏览文件 @ 1445a1a2
......@@ -66,7 +66,7 @@ function needMap() {
}
var echarts;
var developMode = true;
var developMode = false;
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:10px;"></div>
<div id="main" style="height:500px;border:1px solid #ccc;padding:20px;"></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,1E-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,1E-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
此差异已折叠。
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 &raquo;</a></p>
<p>可以捕获的用户交互和数据变化事件实现图表间或者与外界的联动。<a href="doc/example/mix3.html" target="_blank">try this &raquo;</a></p>
<p>事件调试<a href="doc/example/event.html" target="_blank">try this &raquo;</a></p>
</div>
<hr>
<!-- /END THE FEATURETTES -->
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或