Skip to content

I
incubator-echarts

x649585723 / incubator-echarts
与 Fork 源项目一致

从无法访问的项目Fork

通知 1
Star 0
Fork 0
I
incubator-echarts

体验新版 GitCode，发现更多精彩内容 >>

提交 808b9fcb 编写于 作者: K kener
浏览文件
操作

sem优化

上级 74653a05
隐藏空白更改
内联 并排
Showing with 42 addition and 30 deletion
doc/doc.html
浏览文件 @ 808b9fcb
......@@ -158,7 +158,7 @@
<div id="doc">
<h3>简介<a name="简介"> </a></h3>
<p>ECharts，纯Javascript图表库，基于Canvas，底层依赖<a href="http://ecomfe.github.io/zrender/" target="_blank">ZRender</a>，商业产品常用图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。图表类型支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图，同时支持任意维度的堆积和多图表混合展现。</P>
<img src="asset/img/architecture.png" />
<img src="asset/img/architecture.png" alt="Echarts Architecture"/>
<h3>名词解析<a name="名词解析"> </a></h3>
<p>基本名词</p>
<table cellspacing="0" class="ADoc_table">
......@@ -852,12 +852,12 @@ require(['echarts'], function(ec){
<tr>
<td> {number} min </td>
<td> null </td>
<td> 指定的最小值，eg: 0，默认无，会自动根据具体数值调整</td>
<td> 指定的最小值，eg: 0，默认无，必须参数</td>
</tr>
<tr>
<td> {number} max </td>
<td> null </td>
<td> 指定的最大值，eg: 100，默认无，会自动根据具体数值调整</td>
<td> 指定的最大值，eg: 100，默认无，必须参数</td>
</tr>
<tr>
<td> {number} precision </td>
......@@ -882,7 +882,7 @@ require(['echarts'], function(ec){
<tr>
<td> {Array} color </td>
<td> ['#1e90ff','#f0ffff'] </td>
<td> 值域颜色标识，颜色数组长度必须>=2，颜色代表从数值高导低的变化，即颜色数组低位代表数值高的颜色标识 </td>
<td> 值域颜色标识，颜色数组长度必须>=2，颜色代表从数值高到低的变化，即颜色数组低位代表数值高的颜色标识 </td>
</tr>
<tr>
<td> {Array} text </td>
......@@ -2118,6 +2118,12 @@ indicator : [
<td> 堆积折线图，地图</td>
<td> 区域样式，详见<a href="#AreaStyle" title="">areaStyle</a></td>
</tr>
<tr>
<td> {Object} chordStyle </td>
<td> 图表各异 </td>
<td> 和弦图</td>
<td> 弦样式，详见<a href="#ChordStyle" title="">chordStyle</a></td>
</tr>
<tr>
<td> {Object} label </td>
<td> {show: true, position:'outer'} </td>
......
doc/example.html
浏览文件 @ 808b9fcb
......@@ -447,13 +447,19 @@
var nav = $('ol>li>img', section[i]);
var href;
var src;
for (var j = 1, k = list.length - 1; j < k; j++) {
href = list[j].href;
src = list[j].firstChild.src.replace(
'cache', href.slice(href.lastIndexOf('/') + 1, -5)
);
list[j].firstChild.src = src;
nav[j - 1].src = src;
if (list.length > 0) {
list[0].firstChild.alt = 'ECharts';
for (var j = 1, k = list.length - 1; j < k; j++) {
href = list[j].href.slice(list[j].href.lastIndexOf('/') + 1, -5);
src = list[j].firstChild.src.replace(
'cache', href
);
list[j].firstChild.alt = 'ECharts ' + href;
list[j].firstChild.src = src;
nav[j - 1].alt = 'ECharts ' + href;
nav[j - 1].src = src;
}
list[list.length - 1].firstChild.alt = 'ECharts';
}
}, i * 500);
}
......
index.html
浏览文件 @ 808b9fcb
......@@ -67,7 +67,7 @@
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="doc/asset/img/slide-02.png" alt="">
<img src="doc/asset/img/slide-02.png" alt="ECharts">
<div class="container">
<div class="carousel-caption">
<h1>ECharts</h1>
......@@ -78,7 +78,7 @@
</div>
</div>
<div class="item">
<img src="doc/asset/img/slide-03.png" alt="">
<img src="doc/asset/img/slide-03.png" alt="ZRender">
<div class="container">
<div class="carousel-caption">
<h1>ZRender</h1>
......@@ -101,13 +101,13 @@
<div class="featurette">
<h2 class="featurette-heading">Architecture</h2>
<div class="span6 pull-right">
<img src="doc/asset/img/architecture.png" />
<img src="doc/asset/img/architecture.png" alt="ECharts Architecture"/>
</div>
<p class="lead">ECharts (Enterprise Charts 商业产品图表库)</p>
<p>提供商业产品常用图表库，底层基于<a href="http://ecomfe.github.io/zrender/" target="_blank">ZRender</a>，创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、地图、力导向布局图，同时支持任意维度的堆积和多图表混合展现。</p>
<div style="float:left;margin:10px 10px 30px 10px;"><img src="doc/asset/img/device.png" /></div>
<div style="float:left;margin:10px 10px 30px 10px;"><img src="doc/asset/img/device.png" alt="Echarts device"/></div>
<div>
<img src="doc/asset/img/explorer.png" />
<img src="doc/asset/img/explorer.png" alt="Echarts explorer"/>
<p>&nbsp;&nbsp;<i>(IE8- supported by <a href="https://code.google.com/p/explorercanvas/" target="_blank">excanvas</a> )</i></p>
</div>
</div>
......@@ -118,7 +118,7 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="span5 pull-left">
<img src="doc/asset/img/mix.jpg" />
<img src="doc/asset/img/mix.jpg" alt="Echarts mix"/>
</div>
<h2 class="featurette-heading">混搭</h2>
<p>混搭的图表会更具表现力也更有有趣味，ECharts提供的图表（共8类13种）支持任意混搭：</p>
......@@ -128,7 +128,7 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="span6 pull-right">
<img src="doc/asset/img/draggable.gif" />
<img src="doc/asset/img/draggable.gif" alt="Echarts 拖拽重计算"/>
</div>
<h2 class="featurette-heading">拖拽重计算</h2>
<p>拖拽重计算特性（专利）带来了数据统计图表从未有过的用户体验，允许用户对统计数据进行有效的提取、整合，甚至在多个图表间交换数据，赋予了用户对数据进行挖掘、整合的能力。</p>
......@@ -136,7 +136,7 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="span6 pull-left">
<img src="doc/asset/img/dataView.gif" />
<img src="doc/asset/img/dataView.gif" alt="Echarts 数据视图"/>
</div>
<h2 class="featurette-heading">数据视图</h2>
<p>如果你所呈现的数据足够让用户所关心，那么他们将不满足于查看可视化的图表，要去逐一迎合他们下载保存，数据分享，加工整合已有数据等等需求？</p>
......@@ -146,7 +146,7 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="span6 pull-right">
<img src="doc/asset/img/magicType.gif" />
<img src="doc/asset/img/magicType.gif" alt="Echarts 动态类型切换"/>
</div>
<h2 class="featurette-heading">动态类型切换</h2>
<p>很多图表类型本身所表现的能力是相似的，但由于数据差异、表现需求和个人喜好的不同导致最终图表所呈现的张力又大不一样，比如折线图和柱状图的选择总是让人头疼。</p>
......@@ -155,7 +155,7 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="span6 pull-left">
<img src="doc/asset/img/legendSelected.gif" />
<img src="doc/asset/img/legendSelected.gif" alt="Echarts 图例开关"/>
</div>
<h2 class="featurette-heading">图例开关</h2>
<p>多系列数据的同时展现呈现出丰富内容，但如何让用户切换到他所关心的个别系列上？</p>
......@@ -164,7 +164,7 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="span6 pull-right">
<img src="doc/asset/img/datazoom.gif" />
<img src="doc/asset/img/datazoom.gif" alt="Echarts 数据区域缩放"/>
</div>
<h2 class="featurette-heading">数据区域选择</h2>
<p>数据可以是无限的，但显示空间总是有限的，数据区域选择组件提供了大数据量中漫游的能力，让用户选择并呈现他所关心的数据区域。</p>
......@@ -172,7 +172,7 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="span5 pull-left">
<img src="doc/asset/img/dataRange.gif" />
<img src="doc/asset/img/dataRange.gif" alt="Echarts 值域漫游"/>
</div>
<h2 class="featurette-heading">值域漫游</h2>
<p>基于坐标的图表（如地图、散点图）通过色彩变化表现数值的大小能直观形象的展示数据分布。</p>
......@@ -181,7 +181,7 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="span5 pull-right">
<img src="doc/asset/img/scatter.gif" />
<img src="doc/asset/img/scatter.gif" alt="Echarts 大规模散点图"/>
</div>
<h2 class="featurette-heading">大规模散点图</h2>
<p>如何展现成千上百万的离散数据从而找出他们的分布和聚类？貌似除了用专业的统计工具（如MATLAB）外别无选择？</p>
......@@ -190,10 +190,10 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="span3 pull-left">
<img src="doc/asset/img/dynamic1.gif"/>
<img src="doc/asset/img/dynamic1.gif" alt="Echarts 动态数据添加"/>
</div>
<div class="pull-left">
<img src="doc/asset/img/dynamic2.gif" style="height:175px"/>
<img src="doc/asset/img/dynamic2.gif" alt="Echarts 动态数据添加" style="height:175px"/>
</div>
<h2 class="featurette-heading">动态数据添加</h2>
<p>如果你需要展示有实时变化的数据，相信这个动态接口会对你很有帮助。</p>
......@@ -201,7 +201,7 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="span6 pull-right">
<img src="doc/asset/img/mark.gif" />
<img src="doc/asset/img/mark.gif" alt="Echarts 标线辅助"/>
</div>
<h2 class="featurette-heading">标线辅助</h2>
<p>趋势线？平均线？上升通道？支持位？专业的你自然知道该怎么用</p>
......@@ -210,7 +210,7 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="span6 pull-left">
<img src="doc/asset/img/multiStack.png" />
<img src="doc/asset/img/multiStack.png" alt="Echarts 多维度堆积"/>
</div>
<h2 class="featurette-heading">多维度堆积</h2>
<p>支持多系列，多维度的数据堆积，配合自动伸缩的图形实体和直角坐标系，能呈现出更有内涵的统计图表~</p>
......@@ -218,10 +218,10 @@
<hr class="featurette-divider">
<div class="featurette">
<div class="pull-right">
<img src="doc/asset/img/doc/multiControl.jpg" style="height:145px"/>
<img src="doc/asset/img/doc/multiControl.jpg" alt="Echarts 多级控制" style="height:145px"/>
</div>
<div class="pull-right">
<img src="doc/asset/img/custom.png"/>
<img src="doc/asset/img/custom.png" alt="Echarts 高度个性化"/>
</div>
<h2 class="featurette-heading">个性化定制</h2>
<p>超过500个可配置选项结合多级控制设计满足高度定制的个性化需求。</p>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或