作图详解南丁格尔玫瑰图(第三辑)
玫瑰图高阶做法,终极必杀,速来围观...
今日关键词:玫瑰图,Echarts
小长假第一天快乐哦~,翘班的丑丑遥谢编辑代发的倩君:)
上周为大家介绍了采用Excel制作玫瑰图的两种方法:
- 以多环图为基础,需要手动改变多个弧形的填充颜色(相关阅读:作图详解|南丁格尔玫瑰图第一辑)
- 以雷达图为基础,需要设置辅助数据。(相关阅读:作图详解|南丁格尔玫瑰图第二辑)
今天为大家介绍更简单快速地生成玫瑰图的方法:ECharts。
Echarts简介
ECharts网址:http://echarts.baidu.com/
首先,介绍一下ECharts。ECharts是百度开发的免费可视化网站。
ECharts提供了折线图(区域图)、柱形图(条形图)、散点图(气泡图)、K线图、饼图(环形图)、南丁格尔玫瑰图、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等种类繁多的图表。
Ecahrts的优点在于:可以生成交互动态的图表,并且完全免费~
利用Echarts制作玫瑰图
下面我们就来介绍如何利用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--环状条形图
[作法详解]地平线图
[作法详解]动态条形图
[作图详解]环图套饼图
[作图详解]粗细不一的多折线图欢迎各位看官转载:注明作者丑丑姐姐及专利分析可视化即可
长按二维码关注专利分析可视化
关注 专利分析可视化
微信扫一扫关注公众号