作图详解南丁格尔玫瑰图（第三辑）

玫瑰图高阶做法，终极必杀，速来围观...



今日关键词：玫瑰图，Echarts

小长假第一天快乐哦~，翘班的丑丑遥谢编辑代发的倩君：）

上周为大家介绍了采用Excel制作玫瑰图的两种方法：

1. 以多环图为基础，需要手动改变多个弧形的填充颜色（相关阅读：作图详解|南丁格尔玫瑰图第一辑）
2. 以雷达图为基础，需要设置辅助数据。（相关阅读：作图详解|南丁格尔玫瑰图第二辑）

今天为大家介绍更简单快速地生成玫瑰图的方法：ECharts。

ECharts网址：http://echarts.baidu.com/

首先，介绍一下ECharts。ECharts是百度开发的免费可视化网站。

ECharts提供了折线图（区域图）、柱形图（条形图）、散点图（气泡图）、K线图、饼图（环形图）、南丁格尔玫瑰图、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等种类繁多的图表。

Ecahrts的优点在于：可以生成交互动态的图表，并且完全免费~

下面我们就来介绍如何利用ECharts实现南丁格尔玫瑰图。

Step 1 进入南丁格尔玫瑰图的实例



进入Echats网站（http://echarts.baidu.com/），点击右上角的“实例”，在左侧的图表类型中选择“饼图”，会出现五个图表类型供你选择，第一个和第四个都是南丁格尔玫瑰图。我们以选择第一个为例。





Step 2 改数据



进入之后，我们看到这样的页面，右边是Q弹可爱的交互式玫瑰图，左边是图表的程序。





在程序中找到这段表示数据和系列名称的代码：

data:[

{value:335, name:'直接访问'},

{value:310, name:'邮件营销'},

{value:274, name:'联盟广告'},

{value:235, name:'视频广告'},

{value:400, name:'搜索引擎'}

然后把它改成你需要的数据：

data:[

{value:56, name:'技术分支1'},

{value:136, name:'技术分支2'},

{value:76, name:'技术分支3'},

{value:123, name:'技术分支4'},

{value:121, name:'技术分支5'}

然后点击运行：



妈呀，这玫瑰怎么变得这么黑~

莫慌……

Step 3 适应性修改最大值和最小值



修改代码，拯救黑化的玫瑰图。





找到数值上面这段代码：

visualMap: {

show: false,

       min: 80,

       max: 600,

inRange: {

colorLightness: [0, 1]

根据我们自己的数据，适应性修改min和max的数值

visualMap: {

show: false,

       min: 50,

       max: 200,

inRange: {

colorLightness: [0, 1]

看，又变成了娇艳欲滴的红玫瑰了~



Step 4 文件保存



ECharts在它的官方网站中给出了保存的方法：具体见点击Echarts页面右上角的“文档”中的“教程”，“5 分钟上手 ECharts”。

是不是简单快捷~，echarts的妙用可不限于这个图呐，我们之前介绍的很多图表类型也可以用echarts来实现。



劳动节到了，你还不快来上手试练？一不小心就开启图表技能新篇章哦，祝大家节日快乐~猜你喜欢

[作图详解]技术生命周期图

[作图详解]带折线条形图

[作图详解]反应增长趋势的TREEMAP

[作法详解]带趋势柱形图

[作图详解] 份额类图表Top1--环状条形图

[作法详解]地平线图

[作法详解]动态条形图

[作图详解]环图套饼图

[作图详解]粗细不一的多折线图欢迎各位看官转载：注明作者丑丑姐姐及专利分析可视化即可

    关注 专利分析可视化