From e3ec6ed62d14240129020539b2ad6499a9a74583 Mon Sep 17 00:00:00 2001
From: kener <kener.linfeng@gmail.com>
Date: Mon, 12 Aug 2013 17:09:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E6=A1=A3=E6=9B=B4=E6=96=B0=20?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 doc/doc.html | 56 ++++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 48 insertions(+), 8 deletions(-)

diff --git a/doc/doc.html b/doc/doc.html
index cdb4b1775..128324078 100644
--- a/doc/doc.html
+++ b/doc/doc.html
@@ -385,16 +385,56 @@ require.config({
                     </ol>
 
                     <h3>初始化<a name="初始化"> </a></h3>
-                    <P> 图表库实现为多实例的，实例选项在新建时传入，同时也可在实例新建后通过实例方法setOption（见<a href="#方法" title="">方法</a>）传入，两种初始化方式最终产出效果是等价的，即如下两组代码产出效果相同。</P>
+                    <p>通过require获得echarts接口后可实例化图表，echarts接口仅有一个方法init，执行init时传入一个具备大小的dom节点（width、height可被计算得到即可，不一定可见）后即可实例化出图表对象，图表库实现为多实例的，同一页面可多次init出多个图表。图表实例可用方法见<a href="#方法">方法</a>，</p>
+                    <p>模块化的初始化代码如下：</p>
                     <div class="code">
-                        <pre>//初始化实例时传入选项
-var myChart = new echarts(option);
+                        <pre>
+// 模块化，图表按需加载
+// 作为入口
+require(
+    [
+        'echarts',
+        'echarts/chart/pie'
+    ], 
+    function(ec) {
+        var myChart = ec.init(document.getElementById('main'));
+        myChart.setOption({...});
+    }
+);
 
-//初始化实例选项为空，通过实例方法传入选项
-var myChart = new echarts();
-myChart.setOption(option);
-</pre>
-</div>                        <P> 同时，在实例中任何个性化选项不会影响其他已存在或未来生成的实例。</P>
+// -----------------------------
+
+// 非入口或再次使用，图表已被加载注册
+require('echarts').init(dom).setOption({...});
+                        </pre>
+                    </div>
+                    <p>单文件引入</p>
+                    <div class="code">
+                        <pre>
+// 单文件，全图表被默认加载了
+// 作为入口
+require(
+    ['echarts'],
+    function(ec) {
+        var myChart = ec.init(document.getElementById('main'));
+        myChart.setOption({...});
+    }
+);
+
+// -----------------------------
+
+// 非入口或再次使用
+require('echarts').init(dom).setOption({...});
+
+// 熟悉模块化的你可以跳过了下面代码了
+// 不习惯模块化的你当然可以
+var echarts;
+require(['echarts'], function(ec){
+    echarts = ec;
+});
+// 是的，把echarts加载后保存起来作为命名空间使用
+                        </pre>
+                    </div>
 
                     <h3>方法<a name="方法"> </a></h3>
                     <table cellspacing="0" class="ADoc_table full">
-- 
GitLab