Echarts模板（一）：南丁格尔玫瑰图

Echarts模板（二）：簇状柱形图

Echarts模板（三）：分裂饼图

Echarts模板（四）：环形图

Echarts模板（五）：树状图

Echarts模板（六）：馅饼图

本人刚参加完市场调查大赛，在这个过程中为了画图试过很多软件，相比于Tableau的所见即所得，虽然操作简单，但步骤繁琐，最后我选择使用Echarts画图，它不仅操作简单，而且图像美观，只需要一点点代码基础就能实现。接下来，我向大家分享以下我用到的几个图的模板代码，你在使用的时候均可通过以下代码进行修改，由于本人没有学过JS，不对的地方还请大家多多指教


option = {textStyle: {fontSize: 20,   // 调节字体大小},title : {text: '',       // 主标题名称subtext: '',    // 副标题名称x:'center'      // 标题的位置},tooltip : {trigger: 'item',formatter: "{a} <br/>{b} : {c} ({d}%)"},legend: {orient: 'vertical',         // 标签名称垂直排列x: 'right',                 // 标签的位置data:['不能坚持健身','偏好其他健身场所','健身房价格太贵',
'部分健身房有强行推销的行为','健身房空气不流通','健身房人多繁杂','对市面上的健身房都不满意']},                              // 标签变量名称toolbox: {show : true,feature : {mark : {show: true},dataView : {show: true, readOnly: false},magicType : {show: true,type: ['pie', 'funnel']},restore : {show: true},saveAsImage : {show: true}          // 保存图片}},calculable : true,series : [{name:'面积模式',                    // 图表名称type:'pie',                         // 图表类型radius : [30, 200],                 // 图表内外半径大小center : ['50%', '50%'],            // 图表位置roseType : 'area',label: {normal: {show: true,formatter: '{b}({d}%)'      // 显示百分比}},data:[{value:180, name:'不能坚持健身'},           // 变量对应的具体数据{value:180, name:'偏好其他健身场所'},{value:165, name:'健身房价格太贵'},{value:151, name:'部分健身房有强行推销的行为'},{value:97, name:'健身房空气不流通'},{value:81, name:'健身房人多繁杂'},{value:29, name:'对市面上的健身房都不满意'}]}]
};

以下是效果图

Echarts模板（一）：南丁格尔玫瑰图相关推荐

关于Echarts南丁格尔玫瑰图的部分解释
<template><div id="easyEcharts" style="height: 600px;width: 800px">& ...
❤echarts 南丁格尔玫瑰图的使用以及南丁格尔玫瑰图详细配置
❤echarts 南丁格尔玫瑰图的使用以及南丁格尔玫瑰图详细配置 1.认识使用可以参考之前文章,会使用直接跳过1 引入官网的南丁格尔玫瑰图效果如下: 使用函数配置分为三个部分:初始化=> 设置 ...
echarts绘制嵌套环形图(南丁格尔玫瑰图)
根据专业总人数和学院总人数绘制嵌套环形图首先,echarts的基本步骤引入js,准备容器,初始化实例, <script src="lib/echarts.min.js"& ...
echarts 饼图的一种---南丁格尔玫瑰图按照百分比大小进行排序以及颜色设置的两种方式（普通设置颜色和渐变色设置）
本篇博文是记录一下我在开发过程中遇到的一个问题,那就是对于南丁格尔玫瑰图(或者饼图)如何根据百分比大小进行排列,可以很直观的看出数据高低. 首先给大家展示一下官方的样式,具体代码可以去官网上查看:ht ...
【Python数据分析——使用matplotlib制作南丁格尔玫瑰图】
目录一.介绍二.相关库三.数据准备四.pyecahrts代码实现五.matplotlib代码实现一.介绍玫瑰图是弗罗伦斯·南丁格尔所发明的.又名为极坐标面积图,是一种圆形的直方图. 南丁 ...
教你做超惊艳的南丁格尔玫瑰图
其实早在今年初,疫情还很严重的时候,人民日报发布的这个图就吸引了广大数据分析者的注意. 今天我们就把这个图的前因后果以及怎么做一次性讲清楚. 玫瑰图的前世今生这个图学名:南丁格尔玫瑰图,是弗罗伦斯· ...
一个与战争、瘟疫、感染、死亡率有关的图形——南丁格尔玫瑰图
众所周知,世界上第一个护士便是弗洛伦斯·南丁格尔,她是护理事业的创始人和现代护理教育的奠基人.但也许大家不知道,她也是个伟大的统计学家. 19世纪50年代,在克里米亚战争中,南丁格尔主动申请,自愿担任 ...
tableau实战系列（三十九）-教你如何优雅的做图表展示-南丁格尔玫瑰图
前言饼图是常用的分析图表之一,但当分析的数据类别过多时,饼图就会因为分区密集,大大降低其可视化效果(如下图). 遇到这种情况,可以考虑使用南丁格尔玫瑰图.事实上,它的可视化呈现很不错. 如果觉得玫瑰 ...
26.27.28.29.极区图（南丁格尔玫瑰图）、维恩图（Venn diagram）、面状图（Area chart）、树地图
26.极区图(南丁格尔玫瑰图) 27.维恩图 (Venn diagram) 28.面状图(Area chart) 29.树地图 26.极区图(南丁格尔玫瑰图) 极区图(又名南丁格尔玫瑰图)呈放射延伸状 ...
Python数据可视化之南丁格尔玫瑰图(亲测)
文章目录 1. 什么是南丁格尔玫瑰图 2. 南丁格尔玫瑰图的绘制 1. 什么是南丁格尔玫瑰图央视新闻用来展示疫情0增长天数的图就是南丁格尔玫瑰图. 南丁格尔玫瑰图(Nightingale rose ...

Echarts模板（一）：南丁格尔玫瑰图

Echarts模板（一）：南丁格尔玫瑰图相关推荐

最新文章

热门文章