1.4.0 release

README.md

@@ -13,7 +13,7 @@ Architecture
 ------------
 ECharts (Enterprise Charts 商业产品图表库)
 
-提供商业产品常用图表库，底层基于<a href="http://ecomfe.github.io/zrender/" target="_blank">ZRender</a>，创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、地图、力导向布局图，同时支持任意维度的堆积和多图表混合展现。
+提供商业产品常用图表库，底层基于<a href="http://ecomfe.github.io/zrender/" target="_blank">ZRender</a>，创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、和弦图以及力导向布局图，同时支持任意维度的堆积和多图表混合展现。
 
 <img src="doc/asset/img/device.png" />
 <img src="doc/asset/img/explorer.png" />
@@ -29,10 +29,10 @@ ECharts (Enterprise Charts 商业产品图表库)
 
 ----
 ### 混搭
-混搭的图表会更具表现力也更有趣味，ECharts提供的图表（共8类13种）支持任意混搭：
+混搭的图表会更具表现力也更有趣味，ECharts提供的图表（共9类14种）支持任意混搭：
 
 折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、
-饼图（环形图）、雷达图、地图、力导布局图。
+饼图（环形图）、雷达图、地图、和弦图、力导布局图。
 
 混搭情况下一个标准图表：包含唯一图例、工具箱、数据区域缩放、值域漫游模块，一个直角坐标系（可包含一条或多条类目轴线，一条或多条值轴线，最多上下左右四条）
 
@@ -53,24 +53,33 @@ ECharts (Enterprise Charts 商业产品图表库)
 ![ECharts 数据视图](doc/asset/img/dataView.gif)
 
 ### 动态类型切换
-很多图表类型本身所表现的能力是相似的，但由于数据差异、表现需求和个人喜好的不同导致最终图表所呈现的张力又大不一样，比如折线图和柱状图的选择总是让人头疼。
+很多图表类型本身所表现的能力是相似的，但由于数据差异、表现需求和个人喜好的不同导致最终图表所呈现的张力又大不一样，比如折线图和柱状图的选择,系列数据是堆叠还是平铺总是让人头疼。
 
-ECharts提供了动态类型切换，让用户随心所欲的切换到他所需要的图表类型。
+ECharts提供了动态类型切换，让用户随心所欲的切换到他所需要的图表类型和堆叠状态。
 
 ![ECharts 动态类型切换](doc/asset/img/magicType.gif)
 
 ### 图例开关
 多系列数据的同时展现呈现出丰富内容，但如何让用户切换到他所关心的个别系列上？
 
-ECharts提供了方便快捷的图例开关，可以随时切换到你所关心的数据系列。
+ECharts提供了方便快捷的多维度图例开关，可以随时切换到你所关心的数据系列。
 
 ![ECharts 图例开关](doc/asset/img/legendSelected.gif)
 
 ### 数据区域选择
 数据可以是无限的，但显示空间总是有限的，数据区域选择组件提供了大数据量中漫游的能力，让用户选择并呈现他所关心的数据区域。
 
+配合随动的均值（极值）标线，标注展现强大的数据剖析能力。 
+
 ![ECharts 数据区域选择](doc/asset/img/datazoom.gif)
 
+### 多图联动
+多系列数据在同一个直角系内同时展现有时候会产生混乱，但他们又存在极强的关联意义不可分离？
+
+ECharts提供了多图联动的能力（connect），能做的可不仅仅是鼠标划过的详情显示，连接的多个图表会共享组件事件并且实现了保存图片时的自动拼接。
+
+![ECharts 数据区域选择](doc/asset/img/connect.gif)
+
 ### 值域漫游
 基于坐标的图表（如地图、散点图）通过色彩变化表现数值的大小能直观形象的展示数据分布。
 
@@ -78,10 +87,17 @@ ECharts提供了方便快捷的图例开关，可以随时切换到你所关心
 
 ![ECharts 数据区域选择](doc/asset/img/dataRange.gif)
 
+### 炫光特效
+我们知道，很多时候我们需要一些吸引眼球的能力。
+
+ECharts支持标注标线的<a href="echarts.baidu.com/doc/example/map12.html" target="_blank">炫光特效</a>，特别用在地图上轻松实现<a href="echarts.baidu.com/doc/example/map11.html" target="_blank">百度迁徙数据可视化特效</a>
+
+![ECharts 数据区域选择](doc/asset/img/effect.gif)
+
 ### 大规模散点图
 如何展现成千上百万的离散数据从而找出他们的分布和聚类？貌似除了用专业的统计工具（如MATLAB）外别无选择？
 
-不，ECharts发明了基于像素的大规模散点图（专利），一个900 x 400的散点区域就能够毫不重复的呈现35万组数据，这对于常规的应用，用现代浏览器就足以轻松展现百万级的散点数据！
+不，ECharts发明了基于像素的大规模散点图（专利），一个900 x 400的散点区域就能够毫不重复的呈现36万组数据，这对于常规的应用，用现代浏览器就足以轻松展现百万级的散点数据！
 
 ![ECharts 数据区域选择](doc/asset/img/scatter.gif)
 

doc/asset/js/echartsExample.js

@@ -66,7 +66,7 @@ function needMap() {
 }
 
 var echarts;
-var developMode = true;
+var developMode = false;
 
 if (developMode) {
     // for develop

doc/asset/js/echartsTheme.js

@@ -36,7 +36,7 @@ function refreshAll() {
     }
 }
 
-var developMode = true;
+var developMode = false;
 if (developMode) {
     // for develop
     require.config({

doc/example/topic/aqi-china/js/main.js

@@ -151,6 +151,7 @@ var overviewContent = {
     ]
 }
 functionMap.chart0 = function (type) {
+    myChart0.hideLoading();
     myChart0.setOption(option0(type));
     dataWorst = data[type];
     setTimeout(extMark, 200);
@@ -206,6 +207,7 @@ function extMark() {
 }
 
 functionMap.chart1 = function () {
+    myChart1.hideLoading();
     myChart1.setOption(option1());
 }
 
@@ -233,12 +235,16 @@ function legendShare() {
             PG[city].color = zrColor.alpha(legend.getColor(city), 0.6);
         }
     }
+    myChart20.hideLoading();
+    myChart21.hideLoading();
+    myChart22.hideLoading();
     myChart20.setOption(option2(0, selected), true);
     myChart21.setOption(option2(1, selected), true);
     myChart22.setOption(option2(2, selected), true);
 }
 
 functionMap.chart3 = function (type) {
+    myChart3.hideLoading();
     myChart3.setOption(option3(type));
 }
 

doc/example/topic/aqi-china/js/option3.js

@@ -22,6 +22,7 @@ function option3 (name) {
             text: '空气质量排行榜（'+name+' 前后30名）',
             subtext: 'data from PM25.in',
             sublink: 'http://www.pm25.in',
+            itemGap: 5,
             x:'center'
         },
         tooltip : {
@@ -57,7 +58,7 @@ function option3 (name) {
         },
         grid:{
             x: 0,
-            y: 40,
+            y: 50,
             x2: 0,
             y2: 0,
             borderWidth:0

doc/slide/js/whyEcharts.js

-var developMode = true;
+var developMode = false;
 
 if (developMode) {
     // for develop
@@ -2550,7 +2550,7 @@ var optionMap = {
 			                    [{name:'广州'},{name:'徐州'}],
 			                    [{name:'广州'},{name:'烟台'}],
 			                    [{name:'广州'},{name:'盐城'}]
-			                ],
+			                ]
 			            },
 			            geoCoord: {
 			                '上海': [121.4648,31.2891],

test/allchart/all.js

@@ -84,7 +84,7 @@ function refreshAll() {
     }
 }
 
-var developMode = true;
+var developMode = false;
 if (developMode) {
     // for develop
     require.config({