MPAndroidChart3使用详解8：RadarChart（雷达图）顶角显示圆点——额外设置一组顶点值数据方案

目录

 

1 实现：

2 效果：

---

1 实现：

Step 1：分别新建5个shape资源文件。

Step 2：内容如下，根据个人需求更改颜色、半径、尺寸。

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <!--图形颜色--> <solid android:color="#36a9ce"/> <!--图形半径--> <corners android:radius="6dp"/> <!--图形尺寸--> <size android:width="12dp" android:height="12dp"/> </shape>

Step 3：添加一组顶点值数据，如顶点值为100，则这组数据的所有值都为100，然后为每个数组设置一个图标（前面创建的shape资源文件），再将数据间的连线隐藏掉且不绘制数据值。

/** * 创建一组虚拟图表数据 * @return */ private RadarDataSet drawAngleCircle() { List<RadarEntry> yVals = new ArrayList<>(); // 各个顶点的图标资源 int[] drawables = new int[]{ R.drawable.shape_circle_1, R.drawable.shape_circle_2, R.drawable.shape_circle_3, R.drawable.shape_circle_4, R.drawable.shape_circle_5, }; for (int i = 0; i < 5; i++) { RadarEntry radarEntry = new RadarEntry(100f); radarEntry.setIcon(getResources().getDrawable(drawables[i])); // 为每个数据设置一个图标 yVals.add(radarEntry); } RadarDataSet ds = new RadarDataSet(yVals, ""); ds.setColors(Color.TRANSPARENT); // 不显示数据连线 ds.setDrawValues(false); // 不绘制数据值 return ds; }

2 效果：

特别注意：这种方式比较简单，但如果辅助绘制圆点的数据控制不好的话，圆点位置比较容易失控，如果对于精准性要求较高的话最好采用“重写RadarChart控件添加顶角圆点绘制方案”。

那如何合理控制辅助绘制的圆点呢？

1.把控数据最大值作为顶角，比如这里所有数据的最大取值为100，否则圆点位置会绘制到图表内部。

yAxis.setAxisMaximum(80f); // 为什么是80不是100呢，可以试一下100就知道它是不是有自己的想法

2.保证图表中心点是从0开始，否则圆点位置会绘制到图表外部。

yAxis.setAxisMinimum(0f);

或者可以再加一组辅助的假数据，所有值都为0，就可以保证从0开始绘制也看不见。

List<RadarEntry> yVals = new ArrayList<>(); for (int i = 0; i < 5; i++) { yVals.add(new RadarEntry(0)); } RadarDataSet ds = new RadarDataSet(yVals, lable); ds.setDrawValues(false); dataSets.add(ds);

如果不是将圆点绘制在图表的顶点，而是想绘制到每个真实数据值的顶点，把绘制圆点的那组数据值保持与真实数据顶点的值一致即可。

雷达图的使用教程：https://blog.csdn.net/Honiler/article/details/90407390