Pie-1-南丁格尔玫瑰图-中心带文字

1、源码

var data1=35;
var data2=15;
option = {backgroundColor:'#fff',//1、背景色和饼图块色一致，则能解决块之间间距问题color:['#4f93df','#efa62e'],tooltip: {trigger: 'item',formatter: "{a} <br/>{b}: {c}人 ({d}%)"},legend: {show:false,orient: 'vertical',x: 'left',data:['及格','不及格']},graphic: [{//2、中心的文字设置type: 'group',left: 'center',top: 'center',children: [{type: 'circle',z: 100,left: 'center',top: 'middle',shape: {cx: 0,cy: 0,r:50,},style: {fill: '#fff',stroke: '#fff',lineWidth: 2,// shadowBlur: 8,// shadowOffsetX: 3,// shadowOffsetY: 3,// shadowColor: 'white'}},{type: 'text',z: 100,left: 'center',top: 'middle',style: {x:3,y:10,fill: '#333',text: ['班级人数',data1+data2+'人',].join('\n'),font: 'bolder 1em "Microsoft YaHei", sans-serif',textAlign:'center',//3、居中显示}}]}],series: [{name:'班级人数',type:'pie',// radius: ['10%', '70%'],// hoverOffset:30,//4、hover时，偏移距离roseType: 'radius',radius : '65%',center: ['50%', '50%'],itemStyle:{borderColor:'#fff',//1、背景色和饼图块色一致，则能解决块之间间距问题borderWidth:10,opacity:1,},label: {normal: {formatter: '{b}：{d}%({c}台) ',}},data:[{value:data1, name:'及格'},{value:data2, name:'不及格'},]}]
};

Pie-1-南丁格尔玫瑰图-中心带文字相关推荐

python画玫瑰图_央视都在用的“南丁格尔玫瑰图”，原来Python也可以画
前一阵子,我看到央视新闻中,有一张比较好看数据图,如下: 后来才知道这叫"南丁格尔玫瑰图",是南丁格尔护士在克里米亚战争期间提交的一份关于士兵死伤报告时发明的一种图表. 我心想能不 ...
26.27.28.29.极区图（南丁格尔玫瑰图）、维恩图（Venn diagram）、面状图（Area chart）、树地图
26.极区图(南丁格尔玫瑰图) 27.维恩图 (Venn diagram) 28.面状图(Area chart) 29.树地图 26.极区图(南丁格尔玫瑰图) 极区图(又名南丁格尔玫瑰图)呈放射延伸状 ...
Python数据可视化之南丁格尔玫瑰图(亲测)
文章目录 1. 什么是南丁格尔玫瑰图 2. 南丁格尔玫瑰图的绘制 1. 什么是南丁格尔玫瑰图央视新闻用来展示疫情0增长天数的图就是南丁格尔玫瑰图. 南丁格尔玫瑰图(Nightingale rose ...
Python数据可视化之南丁格尔玫瑰图
文章目录 1. 什么是南丁格尔玫瑰图 2. 南丁格尔玫瑰图的绘制 1. 什么是南丁格尔玫瑰图央视新闻用来展示疫情0增长天数的图就是南丁格尔玫瑰图. 南丁格尔玫瑰图(Nightingale rose ...
【Python数据分析——使用matplotlib制作南丁格尔玫瑰图】
目录一.介绍二.相关库三.数据准备四.pyecahrts代码实现五.matplotlib代码实现一.介绍玫瑰图是弗罗伦斯·南丁格尔所发明的.又名为极坐标面积图,是一种圆形的直方图. 南丁 ...
【Python绘图】pyecharts绘制南丁格尔玫瑰图
from pyecharts.charts import Pie from pyecharts import options as opts import random# 随机颜色生成 def ran ...
关于Echarts南丁格尔玫瑰图的部分解释
<template><div id="easyEcharts" style="height: 600px;width: 800px">& ...
❤echarts 南丁格尔玫瑰图的使用以及南丁格尔玫瑰图详细配置
❤echarts 南丁格尔玫瑰图的使用以及南丁格尔玫瑰图详细配置 1.认识使用可以参考之前文章,会使用直接跳过1 引入官网的南丁格尔玫瑰图效果如下: 使用函数配置分为三个部分:初始化=> 设置 ...
echarts绘制嵌套环形图(南丁格尔玫瑰图)
根据专业总人数和学院总人数绘制嵌套环形图首先,echarts的基本步骤引入js,准备容器,初始化实例, <script src="lib/echarts.min.js"& ...

Pie-1-南丁格尔玫瑰图-中心带文字

Pie-1-南丁格尔玫瑰图-中心带文字相关推荐

最新文章

热门文章