变异南丁格尔玫瑰图（多背景，多边线）
Posted lixiu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了变异南丁格尔玫瑰图（多背景，多边线）相关的知识，希望对你有一定的参考价值。
option = {
color: [‘#32A8E8‘, ‘#E75B5A‘, ‘#F5F45E‘, ‘#AE77EF‘, ‘#A3B8EF‘, ‘#FE9E6C‘, ‘#65CF92‘, ‘#71BCE6‘, ‘#6B6ADF‘, ‘#72C23A‘],
tooltip: {
trigger: ‘item‘,
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
left: ‘10%‘,
orient: ‘vertical‘,
top: ‘center‘,
data: pie1,
},
series: [
//中间圆
{
type: ‘pie‘,
silent: true,
radius: [‘0%‘, ‘12%‘],
center: [‘54%‘, ‘50%‘],
hoverAnimation: false,
zlevel: 24,
label: {
show:false
},
itemStyle: {
normal: {
// 设置扇形的阴影
shadowBlur: 10,
shadowColor: ‘rgba(0,0,0,1)‘,
shadowOffsetX: 3,
shadowOffsetY: 3
}
},
data: [{
name: ‘‘,
value: 0,
itemStyle: {
normal: {
color: "#DDDDDD"
}
}
}]
},
//白色背景
{
type: ‘pie‘,
silent: true,
center: [‘54%‘, ‘50%‘],
hoverAnimation: false,
label: {
show:false
},
data: [{
name: ‘‘,
value: 0,
itemStyle: {
normal: {
color: "#fff"
}
}
}]
},
//内环线1
{
type: ‘pie‘,
silent: true,
radius: [‘46%‘, ‘47%‘],
center: [‘54%‘, ‘50%‘],
hoverAnimation: false,
zlevel: 24,
label: {
show:false
},
data: [{
name: ‘‘,
value: 0,
itemStyle: {
normal: {
color: "rgba(255, 255, 255, 0.5)"
}
}
}]
},
//内环线2
{
type: ‘pie‘,
silent: true,
radius: [‘51%‘, ‘52%‘],
center: [‘54%‘, ‘50%‘],
hoverAnimation: false,
zlevel: 24,
label: {
show:false
},
data: [{
name: ‘‘,
value: 0,
itemStyle: {
normal: {
color: "rgba(255, 255, 255, 0.5)"
}
}
}]
},
//外环线
{
name:‘‘,
type:‘pie‘,
silent: true,
radius: [‘75%‘, ‘85%‘],
center: [‘54%‘, ‘50%‘],
label: {
show:false
},
itemStyle:{
normal:{
color:‘#C7E7FC‘
}
},
data:[
{value:1, name:‘‘},
]
},{
name: "源ipTOP10",
type: ‘pie‘,
roseType: ‘radius‘,
radius: [‘12%‘, ‘55%‘],
center: [‘54%‘, ‘50%‘],
clockwise: false,
data: pieData,
label: {
show:false
},
labelLine: {
normal: {
show: false
}
},
itemStyle: {
normal: {
borderWidth: 1,
borderColor: ‘#ffffff‘,
},
emphasis: {
borderWidth: 0,
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: ‘rgba(0, 0, 0, 0.5)‘
}
}
}],
};
以上是关于变异南丁格尔玫瑰图（多背景，多边线）的主要内容，如果未能解决你的问题，请参考以下文章
tableau可视化函数使用案例（六十七）-Tableau饼图及其变种（环形图南丁格尔玫瑰图旭日图）