This is an automated email from the ASF dual-hosted git repository. ovilia 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 24b815f fix: punctuation and expression 24b815f is described below commit 24b815f4c1bd4b1982fedb0cca48b47f3616a0ea Author: Ovilia <zwl.s...@gmail.com> AuthorDate: Mon Jan 24 16:11:06 2022 +0800 fix: punctuation and expression --- contents/en/basics/release-note/5-3-0.md | 22 +++++++++++----------- contents/en/posts.yml | 2 +- contents/zh/basics/release-note/5-3-0.md | 10 +++++----- contents/zh/posts.yml | 2 +- 4 files changed, 18 insertions(+), 18 deletions(-) diff --git a/contents/en/basics/release-note/5-3-0.md b/contents/en/basics/release-note/5-3-0.md index 10fd188..97f6191 100644 --- a/contents/en/basics/release-note/5-3-0.md +++ b/contents/en/basics/release-note/5-3-0.md @@ -39,13 +39,13 @@ option = { }; ``` -In keyframe animation you can configure the animation duration, delay, easing, whether to loop or not, the position, easing and graphic properties of each keyframe. You can also set multiple keyframe animations for each element at the same time with different configurations. The flexible configuration allows us to achieve very complex animation effects, here are a few scenarios where keyframe animation can be applied. +In keyframe animation you can configure the animation duration, delay, easing, whether to loop or not, the position, easing, and graphic properties of each keyframe. You can also set multiple keyframe animations for each element at the same time with different configurations. The flexible configuration allows us to achieve very complex animation effects, and here are a few scenarios where keyframe animation can be applied. ### Custom Loading Animations -ECharts has a built-in loading animation by default, which can be displayed by calling `showLoading`. Community often ask for more loading animation effects. Now with keyframe animations, we can use the [graphic](${optionPath}graphic) component with keyframe animations to achieve any loading animation effect we want. +ECharts has a built-in loading animation by default, which can be displayed by calling `showLoading`. More loading animation effects have been frequently asked in the community. Now with keyframe animations, we can use the [graphic](${optionPath}graphic) component with keyframe animations to achieve any loading animation effect we want. -For example, the text stroke animation. +Here is an example of the text stroke animation. ```js live {layout: 'lr', height:300} option = { @@ -150,7 +150,7 @@ option = { ### Extending Richer Animation Effects in the Chart -Scatter chart with animation effect have long been a feature of ECharts. Developers can use the [effectScatter](${optionPath}series-effectScatter) series to implement dynamic scatter chart with ripple effects, which make the chart more interesting and also serve to highlight the user. As with loading animations, developers often ask for more animation effects. Now we can achieve more complex effects by using keyframe animations in our [custom](${optionPath}series-custom) series. +Scatter charts with animation effects have long been a feature of ECharts. Developers can use the [effectScatter](${optionPath}series-effectScatter) series to implement dynamic scatter charts with ripple effects, which make charts more interesting and also serve to highlight the user. As with loading animations, developers often ask for more animation effects. Now we can achieve more complex effects by using keyframe animations in our [custom](${optionPath}series-custom) series. For example, the following example animates the pins drawn by the custom series on the SVG map with a jumping effect, along with a ripple animation. @@ -289,7 +289,7 @@ In order to fully exploit the power of new keyframe animations, Yi Shen from the ## Graphical component transition animations -We have provided more flexible transition animation configurations for elements returned in custom series in 5.0. The `transition`, `enterFrom`, and `leaveTo` configuration items allow you to configure which properties of each element will have transition animations and how they will be animated when the graphic is created and removed. For example. +We have provided more flexible transition animation configurations for elements returned in the custom series in 5.0. The `transition`, `enterFrom`, and `leaveTo` configuration items allow you to configure which properties of each element will have transition animations and how they will be animated when the graphic is created and removed. Here is an example. ```js function renderItem() { @@ -339,7 +339,7 @@ In addition to the performance improvement, we can do more things with the rende ## Server-side Rendering with Zero Dependencies -In previous versions ECharts could also implement server-side rendering, but it had to rely on [node-canvas](https://github.com/Automattic/node-canvas), or [JSDOM](https://github.com/jsdom/jsdom) if you were using SVG mode to simulate the DOM environment. These dependencies bring additional size and usage requirements on one hand, and more performance loss on the other. +In previous versions, ECharts could also implement server-side rendering, but it had to rely on [node-canvas](https://github.com/Automattic/node-canvas), or [JSDOM](https://github.com/jsdom/jsdom) if you were using SVG mode to simulate the DOM environment. These dependencies not only bring additional size and usage requirements, but also affect performance. This new SVG renderer allows us to get the string from the intermediate rendered VDOM, bringing completely zero-dependency server-side rendering and outputting a more refined SVG string integrated CSS animation. @@ -431,7 +431,7 @@ In addition to the map projection, we have made the following two enhancements t ## Ticks Alignment of Multiple Axes -Ticks alignment of multiple axes is a long-standing requirement in the community, and we can see many articles in the community on how to implement axis alignment in echarts, which is usually troublesome and limited. +Ticks alignment of multiple axes is a long-standing requirement in the community, and we can see many articles in the community on how to implement axis alignment in ECharts, which is usually troublesome and limited. In 5.3.0, we finally introduced the feature of aligning ticks on the `'value'` and `'log'` axes. You can configure `alignTicks: true` in the axis that needs to be aligned. The axis will then adjust its own ticks according to the first axis's ticks, enabling automatic alignment. @@ -504,11 +504,11 @@ As of 5.3.0 we support configuring `selectedMode` to `'series'` to enable select ## Formatting of Values in Tooltip -tooltip can be used to display more detailed information about the data item when the user hovers it. ECharts also provides a `formatter` callback function to give developers more flexibility to customize the content of the tooltip. +Tooltips can be used to display more detailed information about the data item when the user hovers it. ECharts also provides a `formatter` callback function to give developers more flexibility to customize the content of the tooltip. -However, we found that most of the time developers only needed to format the value part of the tooltip, such as fixed precision, prefixed with `$`, etc. Previously, in order to format the number, developers had to rewrite the entire content of the tooltip with `formatter`. Especially after 5.0, ECharts hint boxes have become more complex and beautiful, so rewriting them becomes costly and difficult to achieve the default results. +However, we found that most of the time, developers only needed to format the value part of the tooltip, such as fixed precision, prefixed with `$`, etc. Previously, in order to format the number, developers had to rewrite the entire content of the tooltip with `formatter`. Especially after 5.0, ECharts hint boxes have become more complex and beautiful, so rewriting them becomes costly and difficult to achieve the default results. -So in this version we have added a `valueFormatter` configuration to the tooltip for formatting the value part. +So in this version, we have added a `valueFormatter` configuration to the tooltip for formatting the value part. As in the axis alignment example, we can add the °C and ml suffixes to the value part of the tooltip. @@ -630,7 +630,7 @@ This time, we have done a deep optimization for pie chart labels that use text w ## bar chart large mode optimization -In case of large amount of data (> 2k), we support bar charts to speed up rendering and improve interactive performance by turning on [large](${optionPath}series-bar.large) mode, but previously the layout of bar charts in [large](${optionPath}series-bar.large) mode was simple and did not support the layout after stacking multiple series. In 5.3.0, we have optimized the layout of [large](${optionPath}series-bar.large) mode to be consistent with the normal mode. We can optimize the perform [...] +In the cases of a large amount of data (> 2k), we support bar charts to speed up rendering and improve interactive performance by turning on [large](${optionPath}series-bar.large) mode. But previously the layout of bar charts in [large](${optionPath}series-bar.large) mode was simple and did not support the layout after stacking multiple series. In 5.3.0, we have optimized the layout of [large](${optionPath}series-bar.large) mode to be consistent with the normal mode. We can optimize the [...] In addition, the optimized bar chart layout also fixes the bug of incorrect stacking on non-linear axes like logarithmic axes. diff --git a/contents/en/posts.yml b/contents/en/posts.yml index aef3d73..5b31912 100644 --- a/contents/en/posts.yml +++ b/contents/en/posts.yml @@ -19,7 +19,7 @@ children: - title: ECharts 5 Features dir: v5-feature - - title: ECharts 5 Upgrade Guide + - title: Migration from v4 to v5 dir: v5-upgrade-guide - title: 5.2 dir: 5-2-0 diff --git a/contents/zh/basics/release-note/5-3-0.md b/contents/zh/basics/release-note/5-3-0.md index 189d573..4efea4c 100644 --- a/contents/zh/basics/release-note/5-3-0.md +++ b/contents/zh/basics/release-note/5-3-0.md @@ -1,10 +1,10 @@ # Apache ECharts 5.3.0 特性介绍 -Apache ECharts 5.3.0 在动画表达力,渲染性能,服务端渲染上做了大幅度的增强。同时也新增了多坐标轴刻度自动对齐,tooltip 数值格式化,地图投影等社区中期盼已久的特性。 +Apache ECharts 5.3.0 在动画表达力、渲染性能、服务端渲染上做了大幅度的增强,同时也新增了多坐标轴刻度自动对齐、tooltip 数值格式化、地图投影等社区中期盼已久的特性。 ## 关键帧动画 -在之前 ECharts 的动画集中在图形添加,更新,以及移除的过渡动画上,过渡动画往往只有开始状态和结束状态。为了表达更复杂的动画效果,我们 5.3.0 中为[自定义系列](${optionPath}series-custom)和[图形组件](${optionPath}graphic)引入了全新的关键帧动画。 +在之前 ECharts 的动画集中在图形添加、更新以及移除的过渡动画上,过渡动画往往只有开始状态和结束状态。为了表达更复杂的动画效果,我们 5.3.0 中为[自定义系列](${optionPath}series-custom)和[图形组件](${optionPath}graphic)引入了全新的关键帧动画。 下面是一个简单的通过关键帧动画实现的呼吸动画的效果。 @@ -39,7 +39,7 @@ option = { }; ``` -在关键帧动画中你可以配置动画时长、缓动、是否循环,每个关键帧的位置、缓动以及图形属性等。而且每个图形可以同时设置多个不同配置的关键帧动画。灵活的配置让我们可以实现非常复杂的动画效果,下面列举几个可以应用关键帧动画的场景。 +在关键帧动画中,你可以配置动画时长、缓动、是否循环、每个关键帧的位置、缓动以及图形属性等。而且每个图形可以同时设置多个不同配置的关键帧动画。灵活的配置让我们可以实现非常复杂的动画效果,下面列举几个可以应用关键帧动画的场景。 ### 自定义加载动画 @@ -323,7 +323,7 @@ function renderItem() { 如果你不想一一写出每个要动画的属性,现在你可以直接配置`transition: 'all'`为所有属性都加上动画过渡。 -与此同时我们还新增了`enterAnimation`, `updateAnimation`, `leaveAnimation`分别配置每个图形入场,更新,出场动画的时长(duration),延迟(delay)和缓动(easing)。渐变色现在也支持动画了。 +与此同时我们还新增了`enterAnimation`、`updateAnimation`、`leaveAnimation`分别配置每个图形入场、更新、出场动画的时长(duration)、延迟(delay)和缓动(easing)。除此之外,渐变色现在也支持动画了。 ## 全新的 SVG 渲染器 @@ -435,7 +435,7 @@ series = { ## 多坐标轴的刻度对齐 -多坐标轴的刻度对齐是社区中提了很久的一个需求,我们在网上也可以看到很多开发者写的如何在 echarts 中实现坐标轴对齐的文章,通常都会比较麻烦而且会有比较多的局限性。 +多坐标轴的刻度对齐是社区中提了很久的一个需求,我们在网上也可以看到很多开发者写的如何在 ECharts 中实现坐标轴对齐的文章,通常都会比较麻烦而且会有比较多的局限性。 在 5.3.0 中我们终于引入了数值轴坐标轴刻度对齐的功能。可以在需要对齐刻度的坐标轴中配置`alignTicks: true`。该坐标轴就会根据第一个坐标轴的刻度划分去调整自己的刻度,实现自动对齐。 diff --git a/contents/zh/posts.yml b/contents/zh/posts.yml index b30a566..1abc321 100644 --- a/contents/zh/posts.yml +++ b/contents/zh/posts.yml @@ -19,7 +19,7 @@ children: - title: ECharts 5 特性介绍 dir: v5-feature - - title: ECharts 5 升级指南 + - title: v4 升级 v5 指南 dir: v5-upgrade-guide - title: 5.2 dir: 5-2-0 --------------------------------------------------------------------- To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org