You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by sh...@apache.org on 2021/07/21 06:21:15 UTC
[echarts-handbook] branch master updated: fix links
This is an automated email from the ASF dual-hosted git repository.
shenyi pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/echarts-handbook.git
The following commit(s) were added to refs/heads/master by this push:
new 994fcfd fix links
994fcfd is described below
commit 994fcfdd8be65d7136b06446e0508fba0e61e03f
Author: pissang <bm...@gmail.com>
AuthorDate: Wed Jul 21 14:21:03 2021 +0800
fix links
---
.../application/chart-types/line/stacked-line.md | 62 ++++++++++++----------
.../application/chart-types/line/stacked-line.md | 2 +-
.../zh/application/cross-platform/baidu-app.md | 2 +-
contents/zh/application/cross-platform/server.md | 2 +-
contents/zh/basics/inspiration.md | 2 +-
contents/zh/concepts/style.md | 4 +-
contents/zh/get-started.md | 4 +-
7 files changed, 43 insertions(+), 35 deletions(-)
diff --git a/contents/en/application/chart-types/line/stacked-line.md b/contents/en/application/chart-types/line/stacked-line.md
index 3332a21..4b6f9c0 100755
--- a/contents/en/application/chart-types/line/stacked-line.md
+++ b/contents/en/application/chart-types/line/stacked-line.md
@@ -1,45 +1,53 @@
# Stacked Line Chart
-Similar to the [Stacked Bar Chart](./zh/application_chart-types_bar_stacked-bar), Stacked Line Chart use the `'stack'` in `series` to decide which series should be stacked together.
+Similar to the [Stacked Bar Chart](./zh/application/chart-types/bar/stacked-bar), Stacked Line Chart use the `'stack'` in `series` to decide which series should be stacked together.
<!-- embed -->
+
```js
option = {
- xAxis: {
- data: ['A', 'B', 'C', 'D', 'E']
+ xAxis: {
+ data: ['A', 'B', 'C', 'D', 'E']
+ },
+ yAxis: {},
+ series: [
+ {
+ data: [10, 22, 28, 43, 49],
+ type: 'line',
+ stack: 'x'
},
- yAxis: {},
- series: [{
- data: [10, 22, 28, 43, 49],
- type: 'line',
- stack: 'x'
- }, {
- data: [5, 4, 3, 5, 10],
- type: 'line',
- stack: 'x'
- }]
+ {
+ data: [5, 4, 3, 5, 10],
+ type: 'line',
+ stack: 'x'
+ }
+ ]
};
```
However, without clarification, it is hard for us to judge whether it is a stacked line chart or normal line chart. Therefore, filling color for the area under the line is recommended to indicate for a stacked bar chart.
<!-- embed -->
+
```js
option = {
- xAxis: {
- data: ['A', 'B', 'C', 'D', 'E']
+ xAxis: {
+ data: ['A', 'B', 'C', 'D', 'E']
+ },
+ yAxis: {},
+ series: [
+ {
+ data: [10, 22, 28, 43, 49],
+ type: 'line',
+ stack: 'x',
+ areaStyle: {}
},
- yAxis: {},
- series: [{
- data: [10, 22, 28, 43, 49],
- type: 'line',
- stack: 'x',
- areaStyle: {}
- }, {
- data: [5, 4, 3, 5, 10],
- type: 'line',
- stack: 'x',
- areaStyle: {}
- }]
+ {
+ data: [5, 4, 3, 5, 10],
+ type: 'line',
+ stack: 'x',
+ areaStyle: {}
+ }
+ ]
};
```
diff --git a/contents/zh/application/chart-types/line/stacked-line.md b/contents/zh/application/chart-types/line/stacked-line.md
index 7e7bd15..c987699 100644
--- a/contents/zh/application/chart-types/line/stacked-line.md
+++ b/contents/zh/application/chart-types/line/stacked-line.md
@@ -1,6 +1,6 @@
# 堆叠折线图
-与[堆叠柱状图](./zh/application_chart-types_bar_stacked-bar)类似,堆叠折线图也是用系列的 `stack` 设置哪些系列堆叠在一起。
+与[堆叠柱状图](./zh/application/chart-types/bar/stacked-bar)类似,堆叠折线图也是用系列的 `stack` 设置哪些系列堆叠在一起。
```js [live]
option = {
diff --git a/contents/zh/application/cross-platform/baidu-app.md b/contents/zh/application/cross-platform/baidu-app.md
index 69fa49d..816fc9f 100644
--- a/contents/zh/application/cross-platform/baidu-app.md
+++ b/contents/zh/application/cross-platform/baidu-app.md
@@ -12,6 +12,6 @@
## 注意事项
-百度智能小程序上的 ECharts 以动态库的形式开放,因此开发者的使用方式与[在微信小程序中使用 ECharts](./zh/application_cross-platform_wechat-app) 不太相同。尤其需要注意的是,前者需要在指定动态库名称的时候确定 ECharts 的版本号,而不能自行更换或使用自定义构建。这一点是由底层框架的技术实现决定的。具体来说,在指定百度智能小程序动态库名称的时候,需要通过 `provider` 指定动态库名称,具体参见[文档](http://smartprogram.baidu.com/docs/develop/framework/echarts/)的「在项目中引用动态库」章节。
+百度智能小程序上的 ECharts 以动态库的形式开放,因此开发者的使用方式与[在微信小程序中使用 ECharts](./zh/application/cross-platform/wechat-app) 不太相同。尤其需要注意的是,前者需要在指定动态库名称的时候确定 ECharts 的版本号,而不能自行更换或使用自定义构建。这一点是由底层框架的技术实现决定的。具体来说,在指定百度智能小程序动态库名称的时候,需要通过 `provider` 指定动态库名称,具体参见[文档](http://smartprogram.baidu.com/docs/develop/framework/echarts/)的「在项目中引用动态库」章节。
请务必查看[文档](http://smartprogram.baidu.com/docs/develop/framework/echarts/)的「兼容性说明」以了解各功能的实现方式。
diff --git a/contents/zh/application/cross-platform/server.md b/contents/zh/application/cross-platform/server.md
index c0f7907..7f241ba 100644
--- a/contents/zh/application/cross-platform/server.md
+++ b/contents/zh/application/cross-platform/server.md
@@ -1,6 +1,6 @@
# ECharts 服务端渲染
-ECharts 可以在服务端进行渲染。例如[官方示例](${mainSitePath}/examples/zh/index.html)里的一个个小截图,就是在服务端预生成出来的。
+ECharts 可以在服务端进行渲染。例如[官方示例](${mainSitePath}/examples)里的一个个小截图,就是在服务端预生成出来的。
服务端渲染可以使用流行的 headless 环境,例如 [puppeteer](https://github.com/GoogleChrome/puppeteer)、[headless chrome](https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md)、[node-canvas](https://github.com/Automattic/node-canvas)、[jsdom](https://github.com/jsdom/jsdom)、[PhantomJS](http://phantomjs.org/) 等。
diff --git a/contents/zh/basics/inspiration.md b/contents/zh/basics/inspiration.md
index 82ceb39..71053be 100644
--- a/contents/zh/basics/inspiration.md
+++ b/contents/zh/basics/inspiration.md
@@ -2,6 +2,6 @@
当你有“不知道图表应该设计成什么样”或者“不知道如何使用 ECharts 实现某种效果”的疑问的时候,以下列表可以提供一些思路。
-- [ECharts 官方实例](${mainSitePath}/examples/zh/index.html)
+- [ECharts 官方实例](${mainSitePath}/examples)
- 本手册的“应用篇 - 常用图表类型”
- [makeapie.com](https://www.makeapie.com/) 社区用户的作品集
diff --git a/contents/zh/concepts/style.md b/contents/zh/concepts/style.md
index ba2ef00..f086e56 100644
--- a/contents/zh/concepts/style.md
+++ b/contents/zh/concepts/style.md
@@ -13,7 +13,7 @@
## 颜色主题(Theme)
-最简单的更改全局样式的方式,是直接采用颜色主题(theme)。例如,在 [示例集合](${websitePath}/examples/zh/index.html) 中,可以选择 “Theme”,直接看到采用主题的效果。
+最简单的更改全局样式的方式,是直接采用颜色主题(theme)。例如,在 [示例集合](${websitePath}/examples) 中,可以选择 “Theme”,直接看到采用主题的效果。
ECharts4 开始,除了一贯的默认主题外,新内置了两套主题,分别为 `'light'` 和 `'dark'`。可以这么来使用它们:
@@ -27,7 +27,7 @@ var chart = echarts.init(dom, 'light');
var chart = echarts.init(dom, 'dark');
```
-其他的主题,没有内置在 ECharts 中,需要自己加载。这些主题可以在 [主题编辑器](https://echarts.apache.org/zh/theme-builder.html) 里访问到。也可以使用这个主题编辑器,自己编辑主题。下载下来的主题可以这样使用:
+其他的主题,没有内置在 ECharts 中,需要自己加载。这些主题可以在 [主题编辑器](https://echarts.apache.org/theme-builder.html) 里访问到。也可以使用这个主题编辑器,自己编辑主题。下载下来的主题可以这样使用:
如果主题保存为 JSON 文件,那么可以自行加载和注册,例如:
diff --git a/contents/zh/get-started.md b/contents/zh/get-started.md
index 9f09030..79cc2b4 100644
--- a/contents/zh/get-started.md
+++ b/contents/zh/get-started.md
@@ -2,11 +2,11 @@
## 获取 ECharts
-ECharts 支持多种下载方式,可以在下一篇教程[安装](zh/basics_installation)中查看所有方式。这里,我们以从 [jsDelivr](https://www.jsdelivr.com/package/npm/echarts) CDN 上获取为例,介绍如何快速安装。
+ECharts 支持多种下载方式,可以在下一篇教程[安装](${lang}/basics/download)中查看所有方式。这里,我们以从 [jsDelivr](https://www.jsdelivr.com/package/npm/echarts) CDN 上获取为例,介绍如何快速安装。
在 [https://www.jsdelivr.com/package/npm/echarts](https://www.jsdelivr.com/package/npm/echarts) 选择 `dist/echarts.js`,点击并保存为 `echarts.js` 文件。
-> 关于这些文件的介绍,可以在下一篇教程[安装](zh/basics_installation)中了解更多信息。
+> 关于这些文件的介绍,可以在下一篇教程[安装](${lang}/basics/download)中了解更多信息。
## 引入 ECharts
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org