在 ECharts 中,极坐标系(polar)用于显示圆形的数据分布,常见的应用场景包括雷达图。以下是一个简单的示例,展示了如何配置极坐标系:
option = {
    polar: {
        center: ['50%', '50%'],  // 极坐标系的中心位置
        radius: '80%'  // 极坐标系的半径
    },
    angleAxis: {
        type: 'value',  // 角度轴类型
        startAngle: 0,   // 角度轴起始角度,单位为度
        clockwise: true,  // 是否顺时针增长
        splitNumber: 5    // 角度轴的分割段数
    },
    radiusAxis: {
        type: 'category',  // 半径轴类型
        data: ['A', 'B', 'C', 'D', 'E']  // 半径轴的类目数据
    },
    series: [{
        type: 'bar',
        data: [10, 20, 15, 25, 30],
        coordinateSystem: 'polar'  // 指定使用极坐标系
    }]
};

在上面的代码中,polar 属性用于配置极坐标系的基本信息,包括中心位置和半径。angleAxis 和 radiusAxis 分别用于配置极坐标系的角度轴和半径轴。series 中的数据系列使用 coordinateSystem: 'polar' 来指定使用极坐标系。

你可以根据实际需求调整中心位置、半径、角度轴、半径轴以及其他相关属性,以满足你的设计要求。


转载请注明出处:http://www.zyzy.cn/article/detail/5225/ECharts