option = {
polar: {
center: ['50%', '50%'], // 极坐标系的中心位置
radius: '80%', // 极坐标系的半径
startAngle: 90, // 极坐标系起始角度,单位为度,0 度为极轴正方向,90 度为极轴负方向
clockwise: true, // 是否顺时针增长
splitNumber: 5, // 角度轴的分割段数
name: {
show: true, // 显示极坐标系名称
formatter: '{value}', // 极坐标系名称的格式化模板
textStyle: {
fontSize: 14, // 极坐标系名称的字体大小
color: 'blue' // 极坐标系名称的颜色
}
},
axisLine: {
show: true, // 显示极坐标系的轴线
lineStyle: {
color: 'rgba(0, 0, 0, 0.3)', // 极坐标系轴线的颜色
width: 1, // 极坐标系轴线的宽度
type: 'solid' // 极坐标系轴线的类型,可选为 'solid', 'dashed', 'dotted'
}
},
splitLine: {
show: true, // 显示分隔线
lineStyle: {
color: 'rgba(0, 0, 0, 0.1)', // 分隔线的颜色
width: 1, // 分隔线的宽度
type: 'solid' // 分隔线的类型,可选为 'solid', 'dashed', 'dotted'
}
}
},
angleAxis: {
// 角度轴的配置...
},
radiusAxis: {
// 半径轴的配置...
},
series: [{
type: 'bar',
data: [10, 20, 15, 25, 30],
coordinateSystem: 'polar'
}]
};
在上面的代码中,polar 属性用于配置极坐标系的基本信息,包括中心位置、半径、起始角度、是否顺时针增长、角度轴的分割段数等。你可以根据实际需求调整这些属性以满足你的设计要求。
转载请注明出处:http://www.zyzy.cn/article/detail/5226/ECharts