Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
半栈学徒
incubator-echarts
提交
551536ca
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,发现更多精彩内容 >>
提交
551536ca
编写于
4月 02, 2014
作者:
K
kener
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
1.4.0 release
上级
b5424813
变更
19
展开全部
隐藏空白更改
内联
并排
Showing
19 changed file
with
4744 addition
and
2609 deletion
+4744
-2609
README.md
README.md
+23
-7
build/echarts-map.js
build/echarts-map.js
+5
-5
build/echarts-original-map.js
build/echarts-original-map.js
+1167
-639
build/echarts-original.js
build/echarts-original.js
+1167
-639
build/echarts-plain-map.js
build/echarts-plain-map.js
+5
-5
build/echarts-plain-original-map.js
build/echarts-plain-original-map.js
+1167
-639
build/echarts-plain-original.js
build/echarts-plain-original.js
+1167
-639
build/echarts-plain.js
build/echarts-plain.js
+5
-5
build/echarts.js
build/echarts.js
+5
-5
doc/asset/js/echartsExample.js
doc/asset/js/echartsExample.js
+1
-1
doc/asset/js/echartsTheme.js
doc/asset/js/echartsTheme.js
+1
-1
doc/example/topic/aqi-china/js/main.js
doc/example/topic/aqi-china/js/main.js
+6
-0
doc/example/topic/aqi-china/js/option3.js
doc/example/topic/aqi-china/js/option3.js
+2
-1
doc/example/www/js/echarts-map.js
doc/example/www/js/echarts-map.js
+5
-5
doc/example/www/js/echarts.js
doc/example/www/js/echarts.js
+5
-5
doc/example/www2/js/echarts-plain-map.js
doc/example/www2/js/echarts-plain-map.js
+5
-5
doc/example/www2/js/echarts-plain.js
doc/example/www2/js/echarts-plain.js
+5
-5
doc/slide/js/whyEcharts.js
doc/slide/js/whyEcharts.js
+2
-2
test/allchart/all.js
test/allchart/all.js
+1
-1
未找到文件。
README.md
浏览文件 @
551536ca
...
...
@@ -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的散点区域就能够毫不重复的呈现3
5
万组数据,这对于常规的应用,用现代浏览器就足以轻松展现百万级的散点数据!
不,ECharts发明了基于像素的大规模散点图(专利),一个900 x 400的散点区域就能够毫不重复的呈现3
6
万组数据,这对于常规的应用,用现代浏览器就足以轻松展现百万级的散点数据!
![
ECharts 数据区域选择
](
doc/asset/img/scatter.gif
)
...
...
build/echarts-map.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
build/echarts-original-map.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
build/echarts-original.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
build/echarts-plain-map.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
build/echarts-plain-original-map.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
build/echarts-plain-original.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
build/echarts-plain.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
build/echarts.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
doc/asset/js/echartsExample.js
浏览文件 @
551536ca
...
...
@@ -66,7 +66,7 @@ function needMap() {
}
var
echarts
;
var
developMode
=
tru
e
;
var
developMode
=
fals
e
;
if
(
developMode
)
{
// for develop
...
...
doc/asset/js/echartsTheme.js
浏览文件 @
551536ca
...
...
@@ -36,7 +36,7 @@ function refreshAll() {
}
}
var
developMode
=
tru
e
;
var
developMode
=
fals
e
;
if
(
developMode
)
{
// for develop
require
.
config
({
...
...
doc/example/topic/aqi-china/js/main.js
浏览文件 @
551536ca
...
...
@@ -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
浏览文件 @
551536ca
...
...
@@ -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
:
4
0
,
y
:
5
0
,
x2
:
0
,
y2
:
0
,
borderWidth
:
0
...
...
doc/example/www/js/echarts-map.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
doc/example/www/js/echarts.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
doc/example/www2/js/echarts-plain-map.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
doc/example/www2/js/echarts-plain.js
浏览文件 @
551536ca
此差异已折叠。
点击以展开。
doc/slide/js/whyEcharts.js
浏览文件 @
551536ca
var
developMode
=
tru
e
;
var
developMode
=
fals
e
;
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
浏览文件 @
551536ca
...
...
@@ -84,7 +84,7 @@ function refreshAll() {
}
}
var
developMode
=
tru
e
;
var
developMode
=
fals
e
;
if
(
developMode
)
{
// for develop
require
.
config
({
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录