效果圖：
鼠標(biāo)懸浮效果圖
配置：
var option = {
angleAxis: {
startAngle: 90,
axisLabel: {
show: false // 隱藏極坐標(biāo)角度刻度標(biāo)簽
},
axisLine:{
show: false // 是否顯示坐標(biāo)軸軸線塞淹。
},
axisTick: {
show: false //是否顯示坐標(biāo)軸刻度窟蓝。
},
splitLine:{
show: false
}
},
radiusAxis: {
type: 'category',
axisLabel: {
show: false // 隱藏極坐標(biāo)角度刻度標(biāo)簽
},
axisLine:{
show: false // 是否顯示坐標(biāo)軸軸線。
},
axisTick: {
show: false //是否顯示坐標(biāo)軸刻度饱普。
},
},
polar: {
radius: [100,'50%']
},
series: [
{
type: 'bar',
name: '第一',
zlevel: 2,
data: [{
value: 50,
itemStyle: {
color: "rgba(234, 68, 68, 1)"
}
},],
coordinateSystem: 'polar',
roundCap: true, // 圓角
stack: 'c', // 軌道【同名可多個(gè)數(shù)據(jù)渲染同一軌道】
},
{
type: 'bar',
name: '第二',
data: [{
value: 50,
itemStyle: {
color: "rgba(0, 68, 68, 1)"
}
}],
coordinateSystem: 'polar',
roundCap: true,
stack: 'c', // 軌道【同名可多個(gè)數(shù)據(jù)渲染同一軌道】
}
],
legend: {
show: true,
// data: ['第一', '第二'] // series的names
}
};
