自定义雷达图（Radar Chart）实现解析-CSDN博客

本文介绍了如何实现自定义雷达图，灵感来源于世乒赛中马龙的六边形战力图。雷达图也被称为蜘蛛网图，常用于财务分析和竞技体育实力分析。通过复习数学知识，如正六边形与圆的关系，以及Android坐标系统的差异，作者详细讲解了绘制蜘蛛网图和内容区的步骤，包括调整标题位置以达到对称效果。最终，源码可在github上找到。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　　　相信大家都看了之前的新闻，世乒赛日本直播版，中二爆表，马龙的六边形战力图全满。

　　图是这样的。

　　　　于是乎想实现一个自定义view实现类似的效果。这种图正式名称叫雷达图（Radar Chart），又可称为戴布拉图、蜘蛛网图（Spider Chart），是财务分析　　报表的一种。但是现在已经应用到很多领域，特别是竞技体育方面对队伍或者选手的实力分析。

　　整理了一下思路和查询了一下相关知识，结合前人的代码，实现了自定义雷达图。

　　下面写一下实现思路：首先我把雷达图分为底层蜘蛛网+内容区，底层蜘蛛网的六个属性和内容区的六个点分别从2个数组去获取数值，接来下只要依次绘制两层图即可。

　　 1.初始化

 private int count=6;  //六边形，数据个数6
    private float angle= (float) (Math.PI/3);  //60度
    private double[] data={50,50,50,50,50,50,50}; //默认数据
    private float maxValue=100;     //默认最大值
    private String[] titles={"a","b","c","d","e","f"};  //默认标题

    private Paint radarPaint;                //蜘蛛网画笔
    private  Paint valuePaint;               //内容区画笔
    private Paint textPaint;                 //文字画笔

    private float radius;                   //网格最大半径
    private int centerX;                  //中心X
    private int centerY;                  //中心Y


    public MyRadar(Context context) {
        this(context,null);
    }
    public MyRadar(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public MyRadar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {

    radarPaint=

六边形战士—雷达图实现