This is an automated email from the ASF dual-hosted git repository.
wangzx pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/echarts-www.git
The following commit(s) were added to refs/heads/master by this push:
new 479f584b fix faq style
479f584b is described below
commit 479f584b02bc269e5ca38179f17fb634b66daa03
Author: plainheart <y...@all-my-life.cn>
AuthorDate: Sat Oct 8 14:48:26 2022 +0800
fix faq style
---
_jade/en/faq.jade | 11 ++++++-----
_jade/zh/faq.jade | 7 ++++---
2 files changed, 10 insertions(+), 8 deletions(-)
diff --git a/_jade/en/faq.jade b/_jade/en/faq.jade
index 1c5b58b8..6210a66d 100644
--- a/_jade/en/faq.jade
+++ b/_jade/en/faq.jade
@@ -38,7 +38,7 @@ block content
p Yes, ECharts is open-sourced under <a
href="https://www.apache.org/licenses/LICENSE-2.0";>Apache License 2.0</a>.
h2#axis Axis
- h3 What should I do if the axis label don`t have enough space?
+ h3 What should I do if the axis label doesn't have enough
space?
p You can use <a
href="https://echarts.apache.org/en/option.html#xAxis.interval";>interval</a> to
control how many labels are displayed, set it to <code>0</code> to display all
labels.
p Or you can set <a
href="https://echarts.apache.org/en/option.html#yAxis.axisLabel.rotate";>axisLabel.rotate</a>
to rotate the label a certain angle.
@@ -118,10 +118,11 @@ block content
li Whether the DOM container has a width or height when
calling <code>echarts.init</code>.
h3 Why does the chart not work correctly when using ECharts in
Vue?
- p If you are using Vue 3, avoid using `reactive` and `ref`.
- p If you are using Vue 2, avoid declaring the ECharts instance
object in the `data` function or using the `Vue.observable` API.
- p All of the above will cause the echarts instance object to
be proxied as a reactive object, which may affect the access to the properties
of inner models of ECharts and bring some unexpected issues and lousy
performance.
- p The suggestion is to declare the echarts instance object as
a normal variable, or use `shallowRef`/`shallowReactive`/`markRaw` API to
prevent the instance object from being proxied.
+ ul
+ li If you are using Vue 3, avoid using
<code>reactive</code> and <code>ref</code>.
+ li If you are using Vue 2, avoid declaring the ECharts
instance object in the <code>data</code> function or using the
<code>Vue.observable</code> API.
+ p All of the above will cause the ECharts instance object to
be proxied as a reactive object, which may affect the access to the properties
of inner models of ECharts and bring some unexpected issues and lousy
performance.
+ p The suggestion is to declare the ECharts instance object as
a normal variable, or use <code>shallowRef</code> /
<code>shallowReactive</code> / <code>markRaw</code> API to prevent the instance
object from being proxied.
p See also <a
href="https://github.com/apache/echarts/issues/17723#issuecomment-1268311307";
target="blank">#17723</a> and <a
href="https://vuejs.org/api/reactivity-advanced.html#markraw";
target="_blank">the usage caution from Vue documentation</a>.
h3 Are there more resources for learning ECharts?
diff --git a/_jade/zh/faq.jade b/_jade/zh/faq.jade
index f0dda450..7fce4ce7 100644
--- a/_jade/zh/faq.jade
+++ b/_jade/zh/faq.jade
@@ -117,10 +117,11 @@ block content
li 调用 <code>echarts.init</code> 的时候，DOM 容器是否有宽高。
h3 为什么在 Vue 中使用 ECharts 时图表显示异常？
- p 如果你使用的是 Vue 3，请避免使用 `reactive` 及 `ref`。
- p 如果你使用的是 Vue 2，请避免在 `data` 函数中声明 ECharts 的对象实例或使用
`Vue.observable` API。
+ ul
+ li 如果你使用的是 Vue 3，请避免使用 <code>reactive</code> 及 `ref`。
+ li 如果你使用的是 Vue 2，请避免在 <code>data</code> 函数中声明 ECharts
的对象实例或使用 <code>Vue.observable</code> API。
p 上述均会导致 ECharts 的对象实例被代理成为响应式对象，影响 ECharts
对内部属性的访问，可能会导致图表无法正确显示等一系列意外问题，且会由于深度监听而极大地降低图表展示性能。
- p 解决方案为：使用普通变量声明 ECharts 对象实例，或使用
`shallowRef`/`shallowReactive`/`markRaw` 等 API 防止 ECharts 对象实例被代理。
+ p 解决方案为：使用普通变量声明 ECharts 对象实例，或使用 <code>shallowRef<code> /
<code>shallowReactive</code> / <code>markRaw</code> 等 API 防止 ECharts 对象实例被代理。
p 另请参见 <a
href="https://github.com/apache/echarts/issues/17723#issuecomment-1268311307";
target="blank">#17723</a> 及 <a
href="https://cn.vuejs.org/api/reactivity-advanced.html#markraw";
target="blank">Vue 文档中的相关使用警告</a>。
h3 ECharts 有哪些学习资料？
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org
For additional commands, e-mail: commits-h...@echarts.apache.org
