docs: add browser compatibility in FAQ (#2596)

Author: hustcc

.github/workflows/auto-inspection.yml

@@ -12,7 +12,7 @@ jobs:
       - uses: actions/checkout@v2
       - name: Get branch name (pull request)
         run: echo "BRANCH_NAME=$(echo ${GITHUB_HEAD_REF})" >> $GITHUB_ENV
-      - uses: lxfu1/surge-preview@v2
+      - uses: lxfu1/surge-preview@v2.0.1
         id: preview_step
         with:
           project_name: 'G2Plot'

docs/manual/faq.en.md

@@ -7,6 +7,33 @@ order: 8
 
 Here are the frequently asked questions about G2Plot that you should look up before you ask in the community or create a new issue.
 
+### Browser compatibility
+
+> Due to the condition limit, the lower version limit is only for reference, which does not mean that the lower version cannot be supported. The test was completed in CDN mode. [online Demo](https://lxfu1.github.io/browser-compatibility-of-antv).
+
+|            | Chrome | Edge | Firefox | IE  | Opera | Safari | UC  | 360 speed | 360 safe browser |
+| ---------- | :----: | :--: | :-----: | :-: | :---: | :----: | :-: | :-------: | :--------------: |
+| **G2Plot** |   40   |  12  |   85    |  9  |  40   |   14   | 6.2 |    12     |       7.3        |
+
+How to add `polyfill` into your project.
+
+- CDN
+
+The following JS is introduced in the HEAD.
+
+```ts
+<script src="https://unpkg.com/@babel/polyfill@latest"></script> // optional
+<script src="https://unpkg.com/@antv/g2plot@latest"></script>
+
+var line = new G2Plot.Line({
+  // ...
+});
+```
+
+- NPM
+
+Use NPM mode, if there is a compatibility problem please use combination of Babel and `@Babel/polyfill`, reference G2 [.babelrc](https://github.com/antvis/G2/blob/master/.babelrc) and [webpack.config](https://github.com/antvis/G2/blob/master/webpack.config.js), More questions are welcome to join the DingTalk Group.
+
 ### How do I set the horizontal axis to start at 0
 
 <img src="https://gw.alipayobjects.com/mdn/rms_d314dd/afts/img/A*NAvlTZ66qzMAAAAAAAAAAAAAARQnAQ" alt="faq">

docs/manual/faq.zh.md

@@ -7,6 +7,31 @@ order: 8
 
 以下整理了一些 G2Plot 社区常见的问题和官方答复，提问或新增 issue 前先看看。
 
+### 浏览器兼容性
+
+> 由于条件限制，版本下限仅供参考，并不意味着不能支持更低版本，该测试在 CDN 模式下测试完成，[在线 Demo](https://lxfu1.github.io/browser-compatibility-of-antv)。
+
+|            | Chrome | Edge | Firefox | IE  | Opera | Safari | UC  | 360 极速浏览器 | 360 安全浏览器 |
+| ---------- | :----: | :--: | :-----: | :-: | :---: | :----: | :-: | :------------: | :------------: |
+| **G2Plot** |   40   |  12  |   85    |  9  |  40   |   14   | 6.2 |       12       |      7.3       |
+
+ 如果出现浏览器兼容，看是否项目中有引入 polyfill。在不同使用方式下，添加方式如下：
+
+- CDN 下使用
+
+```ts
+<script src="https://unpkg.com/@babel/polyfill@latest"></script> // 非必需
+<script src="https://unpkg.com/@antv/g2plot@latest"></script>
+
+var line = new G2Plot.Line({
+  // ...
+});
+```
+
+- NPM
+
+使用 npm 模式，如果出现兼容性问题请结合 babel 和 @babel/polyfill 使用，参考 G2 [.babelrc](https://github.com/antvis/G2/blob/master/.babelrc) 和 [webpack.config](https://github.com/antvis/G2/blob/master/webpack.config.js)，更多问题欢迎进群交流。
+
 ### 怎么设置横轴从 0 开始
 
 <img src="https://gw.alipayobjects.com/mdn/rms_d314dd/afts/img/A*NAvlTZ66qzMAAAAAAAAAAAAAARQnAQ" alt="faq">