提交 bed6a386 编写于 作者: K kener

文档更新

上级 f9bf14ed
......@@ -445,7 +445,7 @@
<p>We offer you various ways to import the ECharts library in your page, so that you can always choose the right one for your project. </p>
<h3>modular package import <a name="Import-ECharts1"> </a></h3>
<P>If you are familiar with modular programming, and your project is modular and follows the AMD module specification, then it will be fairly easy to import echarts in your page; just configure the packet path to point to src, and you will enjoy the chart’s maximum flexibility, such as load-on-demand. Since ECharts is based on ZRender, you also need to download <a href="https://github.com/ecomfe/zrender" target="_blank">ZRender</a> locally. Reference is made to <a href="example/demo.html" target="_blank">demo</a>. Now you need to configure as follows.</p>
<P>If you are familiar with modular programming, and your project is modular and follows the AMD module specification, then it will be fairly easy to import echarts in your page; just configure the packet path to point to src, and you will enjoy the chart’s maximum flexibility, such as load-on-demand. Since ECharts is based on ZRender, you also need to download <a href="https://github.com/ecomfe/zrender" target="_blank">ZRender</a> locally. Reference is made to <a href="example/demo.html#-en" target="_blank">demo</a>. Now you need to configure as follows.</p>
<p>Please note: although package import maximizes flexibility in the development phase, it is not intended for going online directly. Reducing the number of documents requested is the most fundamental rule of front-end optimization, so please be sure to compress files when you go on line. </P>
<div class="code">
<pre>//from echarts example
......@@ -672,7 +672,7 @@ require(['echarts'], function (ec){
<br/>Add multiple sets of data:
<br/><b>{Array}</b> params
</td>
<td>Dynamic data interface. <a href="example/dynamicLineBar.html" target="_blank">Try this (Line &amp; Bar) »</a> <a href="example/dynamicScatterK.html" target="_blank">Try this (Scatter &amp; Candlestick) »</a> <a href="example/dynamicPieRadar.html" target="_blank">Try this (Pie &amp; Radar) »</a>
<td>Dynamic data interface. <a href="example/dynamicLineBar.html#-en" target="_blank">Try this (Line &amp; Bar) »</a> <a href="example/dynamicScatterK.html#-en" target="_blank">Try this (Scatter &amp; Candlestick) »</a> <a href="example/dynamicPieRadar.html#-en" target="_blank">Try this (Pie &amp; Radar) »</a>
<br/>seriesIdx: series index
<br/>data: adds data
<br/>isHead: whether to insert at the head of the line. Defaults to unspecified. When unspecified or false, insert at the end of the line.
......@@ -731,7 +731,7 @@ require(['echarts'], function (ec){
<br/>MAGIC_TYPE_CHANGED, TIMELINE_CHANGED,
<br/>DATA_ZOOM, DATA_RANGE, MAP_ROAM,
<br/>LEGEND_SELECTED, MAP_SELECTED, PIE_SELECTED
<br/><a href="./example/event.html" target="_blank">event debugging » </a>
<br/><a href="./example/event.html#-en" target="_blank">event debugging » </a>
</td>
</tr>
<tr>
......@@ -750,7 +750,7 @@ require(['echarts'], function (ec){
<td>Chart Linkage, the linkage target passed in is ECharts instance, supports arrays. Supports tooltip linkage in Cartesian charts, automatic stitching of the saved images. The supported linkage events are:
<br/>REFRESH,RESTORE,MAGIC_TYPE_CHANGED
<br/>DATA_ZOOM,DATA_RANGE,LEGEND_SELECTED
<br/><a href="./example/mix8.html" target="_blank">Chart Linkage »</a>
<br/><a href="./example/mix8.html#-en" target="_blank">Chart Linkage »</a>
</td>
</tr>
<tr>
......@@ -761,7 +761,7 @@ require(['echarts'], function (ec){
<tr>
<td><b>{self}</b> showLoading</td>
<td><b>{Object}</b> loadingOption</td>
<td>Option for the loading screen, (see <a href="#Loadingoption" title="">loadingOption</a>), show a loading label text. <a href="example/loading.html" target="_blank">try this »</a></td>
<td>Option for the loading screen, (see <a href="#Loadingoption" title="">loadingOption</a>), show a loading label text. <a href="example/loading.html#-en" target="_blank">try this »</a></td>
</tr>
<tr>
<td><b>{self}</b> hideLoading</td>
......@@ -904,7 +904,7 @@ require(['echarts'], function (ec){
<h4>timeline<a name="Timeline"> </a></h4>
<table cellspacing="0" class="ADoc_table full">
<P> timeline, at most one timeline control is allowed in one chart. Try <a href="./example/bar11.html" target="_blank">bar »</a>, <a href="./example/scatter4.html" target="_blank">scatter »</a>, <a href="./example/pie7.html" target="_blank">pie »</a>, <a href="./example/map14.html" target="_blank">map »</a></P>
<P> timeline, at most one timeline control is allowed in one chart. Try <a href="./example/bar11.html#-en" target="_blank">bar »</a>, <a href="./example/scatter4.html#-en" target="_blank">scatter »</a>, <a href="./example/pie7.html#-en" target="_blank">pie »</a>, <a href="./example/map14.html#-en" target="_blank">map »</a></P>
<table cellspacing="0" class="ADoc_table full">
<tr>
<th> Property </th>
......@@ -1178,7 +1178,7 @@ require(['echarts'], function (ec){
<h4>toolbox<a name="Toolbox"> </a></h4>
<P> Toolbox, at most one toolbox is allowed in one chart. <a href="example/toolbox.html" target="_blank">Try this »</a></P>
<P> Toolbox, at most one toolbox is allowed in one chart. <a href="example/toolbox.html#-en" target="_blank">Try this »</a></P>
<table cellspacing="0" class="ADoc_table full">
<tr>
<th> Property </th>
......@@ -1311,7 +1311,7 @@ require(['echarts'], function (ec){
}
}
</pre></td>
<td> Currently toolbox supports all the features listed below. For custom features, <a href="example/toolbox.html" target="_blank"> try this »</a>
<td> Currently toolbox supports all the features listed below. For custom features, <a href="example/toolbox.html#-en" target="_blank"> try this »</a>
<p><img src="./asset/img/doc/toolbox.png" title="" alt="toolbox"/></P>
<ul>
<li>
......@@ -1357,7 +1357,7 @@ require(['echarts'], function (ec){
<h4>tooltip<a name="Tooltip"> </a></h4>
<P> Tooltip, a small "hover box" with detailed information about the item being hovered over. <a href="example/tooltip.html" target="_blank">Try this »</a></P>
<P> Tooltip, a small "hover box" with detailed information about the item being hovered over. <a href="example/tooltip.html#-en" target="_blank">Try this »</a></P>
<table cellspacing="0" class="ADoc_table full">
<tr>
<th> Property </th>
......@@ -1455,7 +1455,7 @@ require(['echarts'], function (ec){
<td> style for the tooltip text. Defaults to white, (see <a href="#TextStyle" title="">textStyle</a>). </td>
</tr>
</table>
<P> content formatter:<a href="example/tooltip.html" target="_blank">Try this »</a></P>
<P> content formatter:<a href="example/tooltip.html#-en" target="_blank">Try this »</a></P>
<ul>
<li>
<b>{string}</b>, Template, its variables are:
......@@ -1507,7 +1507,7 @@ require(['echarts'], function (ec){
<h4>legend<a name="Legend"> </a></h4>
<P> legend, at most one legend is allowed in one chart. <a href="example/legend.html" target="_blank">Try this »</a></P>
<P> legend, at most one legend is allowed in one chart. <a href="example/legend.html#-en" target="_blank">Try this »</a></P>
<table cellspacing="0" class="ADoc_table full">
<tr>
<th> Property </th>
......@@ -1582,7 +1582,7 @@ require(['echarts'], function (ec){
<tr>
<td> <b>{Object}</b> selected </td>
<td> null </td>
<td> The default selected state, can be used to conduct dynamic data loading with LEGEND.SELECTED event, <a href="example/legend.html" target="_blank">try this »</a> </td>
<td> The default selected state, can be used to conduct dynamic data loading with LEGEND.SELECTED event, <a href="example/legend.html#-en" target="_blank">try this »</a> </td>
</tr>
<tr>
<td> <b>{Array}</b> data </td>
......@@ -1597,7 +1597,7 @@ require(['echarts'], function (ec){
<p><img src="./asset/img/doc/legend.png" title="" alt="legend"/></P>
<h4>dataRange<a name="DataRange"> </a></h4>
<P> dataRange, at most one dataRange control is allowed in one chart. <a href="example/dataRange.html" target="_blank">Try this »</a></P>
<P> dataRange, at most one dataRange control is allowed in one chart. <a href="example/dataRange.html#-en" target="_blank">Try this »</a></P>
<table cellspacing="0" class="ADoc_table full">
<tr>
<th> Property </th>
......@@ -1692,7 +1692,7 @@ require(['echarts'], function (ec){
<tr>
<td> <b>{string | Function}</b> formatter </td>
<td> null </td>
<td> content formatter:<b>{string}</b> (Template) | <b>{Function}</b>, the template's variables are {value}' and '{value2}', which stand for start value ​​and end value. There are two function parameters, whose meanings are the same as template variables. <a href="example/dataRange.html" target="_blank">Try this »</a></td>
<td> content formatter:<b>{string}</b> (Template) | <b>{Function}</b>, the template's variables are {value}' and '{value2}', which stand for start value ​​and end value. There are two function parameters, whose meanings are the same as template variables. <a href="example/dataRange.html#-en" target="_blank">Try this »</a></td>
</tr>
<tr>
<td> <b>{Array}</b> text </td>
......@@ -1709,7 +1709,7 @@ require(['echarts'], function (ec){
<h4>dataZoom<a name="DataZoom"> </a></h4>
<P> dataZoom. Synchronized with toolbox.feature.dataZoom. Applicable to Cartesian chart only. <a href="example/dataZoom.html" target="_blank">Try this »</a></P>
<P> dataZoom. Synchronized with toolbox.feature.dataZoom. Applicable to Cartesian chart only. <a href="example/dataZoom.html#-en" target="_blank">Try this »</a></P>
<table cellspacing="0" class="ADoc_table full">
<tr>
<th> Property </th>
......@@ -1800,7 +1800,7 @@ require(['echarts'], function (ec){
<p><img src="./asset/img/doc/dataZoom.png" title="" alt="dataZoom"/></P>
<h4>roamController<a name="RoamController"> </a></h4>
<P> Zoom and roam controller for the map. <a href="example/map1.html" target="_blank">try this »</a></P>
<P> Zoom and roam controller for the map. <a href="example/map1.html#-en" target="_blank">try this »</a></P>
<table cellspacing="0" class="ADoc_table full">
<tr>
<th> Property </th>
......@@ -1947,7 +1947,7 @@ require(['echarts'], function (ec){
<li>category axis: specifies the category list. The only axis that the data is organized by. </li>
<li>value axis: specifies the valid values. The only axis where the values are placed. </li>
</ul>
<P> Here are the options for coordinate axes. Some options are applicable to category axis only, while others to value axis only. Please heed the type of application. <a href="example/axis.html" target="_blank">Try this »</a></P>
<P> Here are the options for coordinate axes. Some options are applicable to category axis only, while others to value axis only. Please heed the type of application. <a href="example/axis.html#-en" target="_blank">Try this »</a></P>
<table cellspacing="0" class="ADoc_table full">
<tr>
<th> Name </th>
......@@ -2554,7 +2554,7 @@ indicator : [
'emptyCircle' | 'emptyRectangle' | 'emptyTriangle' | 'emptyDiamond'
<br/>Other possible values are 'heart', 'droplet', 'pin', 'arrow' and 'star'. Although They are not included in the regular eight symbols above, you can use them at both series and data level. In addition, you can use 'star' + n (n>=3) to get N-pointed star, like 'star6' for six-pointed star.
<br/>Since 1.3.5, ECharts added support for setting custom image as symbol. The URL to an image can be given on this form:'image://' + 'URL', such as 'image://../asset/ico/favicon.png'.
<br/>See <a href="./example/line.html" target="_blank">example 》</a>
<br/>See <a href="./example/line.html#-en" target="_blank">example 》</a>
</td>
</tr>
<tr>
......@@ -2695,7 +2695,7 @@ indicator : [
<br/>广东, 吉林, 河北, 湖北, 贵州, 山东, 江西, 河南, 辽宁, 山西, 安徽, 福建,
<br/>浙江, 江苏, 重庆, 宁夏, 海南, 台湾, 北京, 天津, 上海, 香港, 澳门'
<br/>Supports sub-region mode, which develops sub-region maps from the main map types. The format is 'main map type | sub-region name', like
<br/>'world|Brazil', 'china|广东'. See <a href="./example/map8.html" target="_blank">example 》</a>
<br/>'world|Brazil', 'china|广东'. See <a href="./example/map8.html#-en" target="_blank">example 》</a>
</td>
</tr>
<tr>
......@@ -3381,7 +3381,7 @@ indicator : [
<br/>color: color of the glow. The default value is pulled from the markPoint itemStyle array.
<br/>shadowColor: color of the shadow. The default value is pulled from the color array.
<br/>shadowBlur: blur degree of shadow. Defaults to 0.
<br/><a href="./example/map11.html" target="_blank">Baidu Migration (Simulation) »</a>
<br/><a href="./example/map11.html#-en" target="_blank">Baidu Migration (Simulation) »</a>
</td>
</tr>
<tr>
......@@ -3484,7 +3484,7 @@ geoCoord : {
<br/>color: color of the glow. The default value is pulled from the markLine itemStyle array.
<br/>shadowColor: color of the shadow. The default value is pulled from the color array.
<br/>shadowBlur: blur degree of shadow. The default value is based on scaleSize.
<br/><a href="./example/map11.html" target="_blank">Baidu Migration (Simulation) » </a>
<br/><a href="./example/map11.html#-en" target="_blank">Baidu Migration (Simulation) » </a>
</td>
</tr>
<tr>
......@@ -3766,16 +3766,16 @@ geoCoord : {
</div>
<p>high customizability: </p>
<p>
line <a href="example/line.html" target="_blank">try this »</a>,
column <a href="example/bar.html" target="_blank">try this »</a>,
candlestick <a href="example/k.html" target="_blank">try this »</a>,
scatter <a href="example/scatter.html" target="_blank">try this »</a>,
pie <a href="example/pie.html" target="_blank">try this »</a>
chord <a href="example/chord.html" target="_blank">try this »</a>,
force <a href="example/force1.html" target="_blank">try this »</a>,
map <a href="example/map.html" target="_blank">try this »</a>,
gauge <a href="example/gauge.html" target="_blank">try this »</a>,
funnel <a href="example/funnel.html" target="_blank">try this »</a>
line <a href="example/line.html#-en" target="_blank">try this »</a>,
column <a href="example/bar.html#-en" target="_blank">try this »</a>,
candlestick <a href="example/k.html#-en" target="_blank">try this »</a>,
scatter <a href="example/scatter.html#-en" target="_blank">try this »</a>,
pie <a href="example/pie.html#-en" target="_blank">try this »</a>
chord <a href="example/chord.html#-en" target="_blank">try this »</a>,
force <a href="example/force1.html#-en" target="_blank">try this »</a>,
map <a href="example/map.html#-en" target="_blank">try this »</a>,
gauge <a href="example/gauge.html#-en" target="_blank">try this »</a>,
funnel <a href="example/funnel.html#-en" target="_blank">try this »</a>
</p>
<h4>lineStyle<a name="LineStyle"> </a></h4>
......@@ -3960,7 +3960,7 @@ geoCoord : {
</table>
<h4>loadingOption<a name="Loadingoption"> </a></h4>
<P> The loading options control the appearance of the loading screen that covers the plot area on chart operations. <a href="example/loading.html" target="_blank">Try this »</a></P>
<P> The loading options control the appearance of the loading screen that covers the plot area on chart operations. <a href="example/loading.html#-en" target="_blank">Try this »</a></P>
<table cellspacing="0" class="ADoc_table full">
<tr>
<th> Property </th>
......@@ -4082,7 +4082,7 @@ geoCoord : {
<p><img src="./asset/img/doc/multiControl.jpg" title="" alt="multi-level control"/></P>
<h3>Appendix: Map Extension<a name="Appendix-Map-Extension"> </a></h3>
<p>Supports extended map on <a href='http://www.oschina.net/translate/geojson-spec?cmp' target="_blank">GeoJson</a> format. Try <a href="./example/map6.html" target="_blank">HK 》</a> <a href="./example/map7.html" target="_blank">USA 》</a></p>
<p>Supports extended map on <a href='http://www.oschina.net/translate/geojson-spec?cmp' target="_blank">GeoJson</a> format. Try <a href="./example/map6.html#-en" target="_blank">HK 》</a> <a href="./example/map7.html#-en" target="_blank">USA 》</a></p>
<div class="code">
<pre>
// step1: find the geoJson data file in the target region, like HK_geo.json.
......@@ -4479,7 +4479,7 @@ option.series = [
</table>
<h3>Appendix: an Intuitive Example<a name="Appendix-an-Intuitive-Example"> </a></h3>
<p>For more examples, click <a href="example-en.html" target="_blank">example</a>. Use this <a href="example/demo.html" target="_blank">demo</a> or <a href="example/www/index.html" target="_blank">ECharts single file import</a> as your template. </p>
<p>For more examples, click <a href="example-en.html" target="_blank">example</a>. Use this <a href="example/demo.html#-en" target="_blank">demo</a> or <a href="example/www/index.html" target="_blank">ECharts single file import</a> as your template. </p>
<div class="code" style="margin-bottom: 25px;">
<pre style="margin-bottom: 0;">// instantiate the chart------------------
// script tabbed import
......
......@@ -50,7 +50,7 @@
<div class="container">
<div class="carousel-caption" style="bottom:0;left:25%">
<p style="text-align:left;">
<a class="btn btn-lg btn-warning" href="./doc/example.html#gauge" role="button">View »</a>
<a class="btn btn-lg btn-warning" href="./doc/example-en.html#gauge" role="button">View »</a>
</p>
</div>
</div>
......@@ -60,7 +60,7 @@
<div class="container">
<div class="carousel-caption" style="bottom:0;left:25%">
<p style="text-align:left;">
<a class="btn btn-lg btn-warning" href="./doc/example/bar12.html" role="button">View »</a>
<a class="btn btn-lg btn-warning" href="./doc/example/bar12.html#-en" role="button">View »</a>
</p>
</div>
</div>
......@@ -70,7 +70,7 @@
<div class="container">
<div class="carousel-caption" style="bottom:0;left:25%">
<p style="text-align:left;">
<a class="btn btn-lg btn-warning" href="./doc/example/theme.html" role="button">View »</a>
<a class="btn btn-lg btn-warning" href="./doc/example/theme.html#-en" role="button">View »</a>
</p>
</div>
</div>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册