Android MPAndroidChart RadarChart (蜘蛛网图)

最近项目涉及到这个统计图形,经过实现,记录下,防止忘记了。

1、Github地址:MPAndroidChart

官方使用RadarChart demo:RadarChartActivitry

2、使用MPAndroidChart,还需要添加 nineoldandroids-2.4.0.jar

官方地址:http://nineoldandroids.com/

使用的是MPAndroidChart v2.2.2 的,还没有jar包。

在app目录下build.gradle的文件添加:

 1 repositories {
 2     flatDir {
 3         dirs 'libs'
 4     }
 5     maven { url "https://jitpack.io" }
 6     maven { // this is for realm-db
 7         url 'http://oss.jfrog.org/artifactory/oss-snapshot-local'
 8     }
 9 }
10 
11 dependencies {
12     compile fileTree(dir: 'libs', include: ['*.jar'])
13     compile project(':MPChartLib')
14 }

在setting.gradle的文件添加:

1 include ':MPChartLib'

 对于实心填充

设置图例:

 1 Legend l = mChart.getLegend();
 2 // 图例位置
 3 l.setPosition(Legend.LegendPosition.BELOW_CHART_LEFT);
 4 // 图例字体样式
 5 // l.setTypeface(tf);
 6 // 图例X间距
 7 l.setXEntrySpace(2f);
 8 // 图例Y间距
 9 l.setYEntrySpace(1f);
10 l.setTextColor(textColor); //字体颜色

设置x、y:

 1 XAxis xAxis = mChart.getXAxis();
 2 // X坐标值字体样式
 3 // xAxis.setTypeface(tf);
 4 // X坐标值字体大小
 5 xAxis.setTextSize(12f);
 6 xAxis.setTextColor(textColor);
 7 
 8 YAxis yAxis = mChart.getYAxis();
 9 // Y坐标值字体样式
10 // yAxis.setTypeface(tf);
11 // Y坐标值标签个数
12 yAxis.setLabelCount(6, false);
13 // Y坐标值字体大小
14 yAxis.setTextSize(15f);
15 // Y坐标值是否从0开始
16 yAxis.setStartAtZero(true);
17 // 是否显示y值在图表上
18 yAxis.setDrawLabels(false);

设置显示内容块:

RadarDataSet set1 = new RadarDataSet(yVals, "虾米手机");
// 数据颜色设置
set1.setColor(ColorTemplate.VORDIPLOM_COLORS[0]);
// 实心填充区域颜色
set1.setFillColor(ColorTemplate.VORDIPLOM_COLORS[0]);
// 是否实心填充区域
set1.setDrawFilled(true);
// 数据线条宽度
set1.setLineWidth(2f);

来一发效果图:

Android MPAndroidChart RadarChart (蜘蛛网图)_第1张图片

 查找到的资源:

1、SpiderWebChart:http://code1.okbase.net/codefile/SpiderWebChart.java_2014121928718_71.htm

2、csdn 上分享写的 MPAndroidChart 教程

3、 Android雷达图(蜘蛛网图)绘制

4、Radar (Spider Charts) {html用的}http://www.fusioncharts.com/charts/radar-spider-charts/

 

你可能感兴趣的:(Android MPAndroidChart RadarChart (蜘蛛网图))