[incubator-echarts-handbook] branch master updated: docs: add radar contents

[wa...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

wangdd pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-echarts-handbook.git


The following commit(s) were added to refs/heads/master by this push:
     new dfcb6d3  docs: add radar contents
dfcb6d3 is described below

commit dfcb6d35cc5767602dcbca75b5b2da382602922a
Author: Wdingding <wa...@gmail.com>
AuthorDate: Fri Jun 19 14:40:06 2020 +0800

    docs: add radar contents
---
 .../zh/best-practice/chart-specificatio/radar.md   | 32 ++++++++++++++++++++++
 contents/zh/posts.js                               |  3 ++
 2 files changed, 35 insertions(+)

diff --git a/contents/zh/best-practice/chart-specificatio/radar.md b/contents/zh/best-practice/chart-specificatio/radar.md
new file mode 100644
index 0000000..c2cd513
--- /dev/null
+++ b/contents/zh/best-practice/chart-specificatio/radar.md
@@ -0,0 +1,32 @@
+# 雷达图
+
+雷达图（Radar Chart）又被叫做蜘蛛网图，适用于显示三个或更多的维度的变量。雷达图是以在同一点开始的轴上显示的三个或更多个变量的二维图表的形式来显示多元数据的方法，其中轴的相对位置和角度通常是无意义的。
+
+
+雷达图的每个变量都有一个从中心向外发射的轴线，所有的轴之间的夹角相等，同时每个轴有相同的刻度，将轴到轴的刻度用网格线链接作为辅助元素，连接每个变量在其各自的轴线的数据点成一条多边形。
+
+<iframe max-width="830" width="100%" height="400" 
+src="https://gallery.echartsjs.com/view-lite.html?cid=xH1-fnLcVG&v=1">
+</iframe>
+
+雷达图对于查看哪些变量具有相似的值、变量之间是否有异常值都很有用。雷达图表也可用于查看哪些变量在数据集内得分较高或较低，因此非常适合显示性能（见下图）。同样，雷达图也常用于排名、评估、评论等数据的展示。
+
+<iframe max-width="830" width="100%" height="400" 
+src="https://gallery.echartsjs.com/view-lite.html?cid=xHJH93GqVf&v=1">
+</iframe>
+
+如下图，某幼儿园上周资金流统计的示例中比较的“东西”是预算、开销。参与比较的六个方面是食品、玩具、绘本、医疗、门票、服饰。每个变量都是通过 0 到 500 之间的金额来比较的。只有玩具一项的支出超出了预算。而服饰花费低于远预算，使用雷达图，哪些方面超出或不足变得一目了然了。
+
+<iframe max-width="830" width="100%" height="400" 
+src="https://gallery.echartsjs.com/view-lite.html?cid=xrk6EfmqVf">
+</iframe>
+
+
+## 雷达图的使用建议
+
+1、一个雷达图包含的多边形数量是有限的，如果有五个以上要评估的事物，无论是轮廓还是填充区域，都会产生覆盖和混乱，使得数据难以阅读。
+
+2、变量太多会产生太多的轴，也会使图表变得混乱，因此，要保持雷达图的简单并限制其变量数量。
+
+3、由于径向距离很难判断，所以虽然有网格线的参考，但是还是很难直观的比较图表内变量具体的值，如果需要的比较具体值话，建议使用线图。
+
diff --git a/contents/zh/posts.js b/contents/zh/posts.js
index 0edc5da..3f8a19c 100644
--- a/contents/zh/posts.js
+++ b/contents/zh/posts.js
@@ -214,6 +214,9 @@ export default [{
                 title: '基础饼图',
                 dir: 'basic-pie'
             }]
+        }, {
+            title: '雷达图',
+            dir: 'radar',
         }]
     }]
 }];


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org