Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
半栈学徒
incubator-echarts
提交
e3ec6ed6
I
incubator-echarts
项目概览
半栈学徒
/
incubator-echarts
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
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,发现更多精彩内容 >>
提交
e3ec6ed6
编写于
8月 12, 2013
作者:
K
kener
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
文档更新 初始化
上级
a421a54f
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
48 addition
and
8 deletion
+48
-8
doc/doc.html
doc/doc.html
+48
-8
未找到文件。
doc/doc.html
浏览文件 @
e3ec6ed6
...
...
@@ -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"
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录