极坐标(如图)
option = {
legend: {
type:'plain',
show: true,
top:'top',
data: ['北京', '上海', '广州'],
itemWidth:15,
borderRadius: [15,5,5,0]
},
tooltip: {
trigger: 'axis',
axisPointer:{
type:'line'
},
textStyle:{
color:'#fff',
fontStyle:'normal',
fontSize:'10'
},
position:['44%','44%'],
padding: [5,10,5,10],
backgroundColor: 'rgba(95, 137, 204, 0.8)'
},
angleAxis:{
type:'category',
data: [ '2017/09','2017/08','2017/07','2017/06','2017/05','2017/04','2017/03','2017/02', '2017/01', '2016/12', '2016/11','2016/10',],
z:0,
boundaryGap: false,
color:'#fff',
// 坐标轴在 grid 区域中的分隔区域
splitLine: {
show: true,
lineStyle: {
color: '#00aeef',
type: 'dashed'
}
},
// 最外层线圈样式(有问题)
axisLine: {
show: true,
startAngle: 0,
lineStyle:{
color:'#e34656',
type:'solid'
}
},
axisTick:{
show:false
}
},
radiusAxis:{
splitLine:{
show:true,
lineStyle:{
color:'#c7c736',
type:'dashed'
}
},
splitNumber:3, // 坐标轴的分割段数
axisLine:{
show:false,
lineStyle:{
color:'#000'
}
},
axisTick:{
show:false
},
axisLabel:{
fontStyle:'oblique',
fontWeight:'lighter',
fontFamily:'Courier ',
fontSize:10,
align:'center',
verticalAlign:'bottom',
color:"",
padding:'100'
// backgroundColor:'#000'
}
},
polar: {},
series: [{
type: 'bar',
data: [2, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10],
coordinateSystem: 'polar',
name: '北京',
stack: 'a',
itemStyle:{
normal:{
color:'#e34656'
}
}
}, {
type: 'bar',
data: [2, 11, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10],
coordinateSystem: 'polar',
name: '上海',
stack: 'a',
itemStyle:{
normal:{
color:'#067cd7'
}
}
}, {
type: 'bar',
data: [4, 12, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10],
coordinateSystem: 'polar',
name: '广州',
stack: 'a',
itemStyle:{
normal:{
color:'#ffc578'
}
}
}]
};